*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:hidden}.app-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:1200px;width:100%;min-height:80vh;margin:40px auto;padding:10px 20px;gap:50px}.left-section{flex:1 1;min-width:300px;padding:20px;text-align:left;width:100%}.left-section h1{font-size:3.5em;margin-bottom:20px;line-height:1.1;font-weight:700;color:rgb(255,255,255);word-break:break-word}.left-section h1 span.purple-text{color:#9b32ff}.left-section h1 span.white-text{color:#ffffff}.left-section p{font-size:1.1em;line-height:1.6;margin-bottom:30px;max-width:500px;word-break:break-word;color:#949494}.user-rating{display:flex;align-items:center;gap:10px;margin-top:30px;flex-wrap:wrap}.user-avatars{display:flex;position:relative}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid transparent;object-fit:cover;position:relative;left:0}.avatar:nth-child(2){left:-15px;z-index:2}.avatar:nth-child(3){left:-30px;z-index:3}.rating-score{font-size:1.2em;font-weight:700;margin-left:10px}.stars{color:#ffd700;font-size:1.2em;margin-right:5px}.users-count{font-size:1em;color:#9b9b9b}.right-section{flex:1 1;min-width:300px;display:flex;justify-content:center;align-items:center;padding:20px;width:100%}.form-card{background-color:#171a22;border-radius:15px;border:1px solid #9b32ff;padding:40px;width:100%;max-width:500px}.form-card h3{font-size:1.8em;margin-bottom:10px;color:#ffffff}.form-card p{font-size:.9em;color:#b0b0b0;margin-bottom:30px}.form-row{flex-wrap:wrap;gap:20px;margin-bottom:25px}.form-row,.input-group{display:flex;width:100%}.input-group{flex:1 1;min-width:200px;flex-direction:column}.input-group label{font-size:.9em;margin-bottom:8px;color:#cccccc}.input-group input[type=text]{background-color:#3b3b55;border:1px solid #5a5a75;border-radius:8px;padding:12px 15px;font-size:1em;color:#ffffff;outline:none;transition:border-color .3s ease;width:100%}.input-group input[type=text]::placeholder{color:#888888}.input-group input[type=text]:focus{border-color:#e0b0ff}.optional-params{display:flex;align-items:center;margin-bottom:30px;flex-wrap:wrap}.optional-params input[type=checkbox]{margin-right:10px;width:18px;height:18px;accent-color:#3cb371}.optional-params label{font-size:.95em;color:#cccccc;cursor:pointer}.generate-button{background-color:white;color:black;border-radius:8px;padding:15px 25px;font-size:1.1em;font-weight:700;cursor:pointer;width:100%}.generate-button:hover{color:#9b32ff}@media (max-width:900px){.app-container{flex-direction:column;padding:20px}.left-section,.right-section{width:100%;text-align:center;padding:0}.left-section h1{font-size:2.8em;margin-top:0}.form-row{flex-direction:column}.user-rating{justify-content:center}}@media (max-width:500px){.form-card{padding:25px}.left-section h1{font-size:2.2em}.app-container{padding:20px 10px}}