.personality-traits{margin:0 auto;max-width:800px;padding:20px}.section-description{color:#666;font-size:16px;line-height:1.5;margin-bottom:30px}.trait-container{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:40px;padding:20px}.trait-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.trait-title{color:#333;font-size:18px;margin:0}.trait-value{background:#007bff;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:4px 12px}.trait-description{color:#666;font-size:14px;line-height:1.4;margin-bottom:20px}.slider-container{margin-bottom:15px}.trait-slider{-webkit-appearance:none;background:#ddd;border-radius:3px;height:6px;margin-bottom:10px;outline:none;width:100%}.trait-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.trait-slider::-moz-range-thumb{background:#007bff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.slider-labels{color:#888;display:flex;font-size:12px;justify-content:space-between}.example-response{background:#f0f8ff;border-left:4px solid #007bff;border-radius:0 4px 4px 0;font-style:italic;margin-top:15px;padding:12px}.preset-buttons{border-top:2px solid #e0e0e0;margin-top:40px;padding-top:30px}.preset-buttons h4{color:#333;margin-bottom:15px}.preset-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.preset-btn{background:#fff;border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.preset-btn:hover{background:#007bff;box-shadow:0 4px 8px #007bff4d;color:#fff;transform:translateY(-1px)}.preset-btn:active{transform:translateY(0)}.personality-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:10px;margin:40px 0;padding:25px}.personality-preview h4{color:#333;font-size:20px;margin-bottom:10px}.preview-description{color:#666;font-size:14px;margin-bottom:25px}.scenario-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.scenario-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.scenario-btn{align-items:center;background:#fff;border:2px solid #28a745;border-radius:6px;color:#28a745;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease;width:100%}.scenario-btn:hover:not(:disabled){background:#28a745;color:#fff;transform:translateY(-1px)}.scenario-btn:disabled{cursor:not-allowed;opacity:.6}.scenario-icon{font-size:18px}.scenario-label{flex:1 1;text-align:left}.loading-spinner{animation:spin 1s linear infinite}.scenario-response{background:#f0f8ff;border-left:4px solid #28a745;border-radius:0 4px 4px 0;font-style:italic;line-height:1.4;margin-top:15px;padding:12px}@media (max-width:768px){.personality-traits,.trait-container{padding:15px}.trait-header{align-items:flex-start;flex-direction:column;gap:8px}.preset-grid,.scenario-grid{grid-template-columns:1fr}.personality-preview{padding:20px}}.voice-selection{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:20px}.voice-selection h3{color:#333;margin-bottom:20px;text-align:center}.gender-selection{margin-bottom:20px}.gender-selection label{color:#555;display:block;font-weight:600;margin-bottom:8px}.gender-buttons{display:flex;gap:10px;justify-content:center}.gender-button{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.gender-button:hover:not(:disabled){background:#f0f8ff;border-color:#007bff}.gender-button.active{background:#007bff;border-color:#007bff;color:#fff}.gender-button:disabled{cursor:not-allowed;opacity:.5}.voice-count{font-size:.8em;margin-left:5px;opacity:.8}.voice-selection-dropdown{margin-bottom:20px}.voice-selection-dropdown label{color:#555;display:block;font-weight:600;margin-bottom:8px}.voice-dropdown{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:16px;padding:12px;width:100%}.voice-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.voice-actions{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.preview-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.preview-button{background:#6c757d;color:#fff}.preview-button:hover:not(:disabled){background:#5a6268}.preview-button:disabled{cursor:not-allowed;opacity:.6}.save-button.primary{background:#28a745;color:#fff}.save-button.primary:hover{background:#218838}.voice-info{background:#fff;border-left:4px solid #007bff;border-radius:6px;padding:15px}.voice-info p{color:#555;margin:5px 0}.voice-selection-loading{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.voice-selection-error{padding:20px;text-align:center}.error-message{color:#dc3545;font-weight:500;margin-bottom:15px}.retry-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.retry-button:hover{background:#0056b3}@media (max-width:768px){.voice-selection{margin:10px;padding:15px}.gender-buttons,.voice-actions{flex-direction:column}.gender-button,.preview-button,.save-button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}nav{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.logo{color:#2563eb;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#333}.btn,.nav-links a{text-decoration:none}.btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.btn:hover{background:#1d4ed8}.btn-big{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none}.btn-big:hover{background:#1d4ed8}section{margin:0 auto;max-width:1200px;padding:4rem 2rem}.hero{padding:8rem 2rem 4rem;text-align:center}.hero h1{color:#1e293b;font-size:3rem;margin-bottom:1rem}.hero p{color:#64748b;font-size:1.25rem;margin-bottom:2rem}.note{color:#64748b;font-size:.9rem;margin-top:1rem}h2{color:#1e293b;font-size:2.5rem;margin-bottom:3rem;text-align:center}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center}.card h3{color:#dc2626;font-size:1.5rem;margin-bottom:1rem}.feature{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center}.feature h3{color:#1e293b;font-size:1.5rem;margin-bottom:1rem}.problem{background:#fef2f2}.solution{background:#f8fafc}.steps{margin:0 auto;max-width:800px}.step{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;gap:2rem;margin-bottom:2rem;padding:2rem}.num,.step{align-items:center;display:flex}.num{background:#2563eb;border-radius:50%;color:#fff;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.step h3{font-size:1.3rem;margin-bottom:.5rem}.pricing{background:#f8fafc}.plans{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.plan{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;position:relative;text-align:center}.plan.popular{border-color:#2563eb;transform:scale(1.05)}.badge{background:#2563eb;border-radius:20px;color:#fff;font-size:.9rem;left:50%;padding:.5rem 1rem;position:absolute;top:-10px;transform:translateX(-50%)}.plan h3{font-size:1.5rem;margin-bottom:1rem}.price{color:#2563eb;font-size:2.5rem;font-weight:700}.plan ul,.price{margin-bottom:2rem}.plan ul{list-style:none}.plan li{color:#64748b;padding:.5rem 0}.plan li:before{color:#10b981;content:"✓ ";font-weight:700}.cta{background:#2563eb;text-align:center}.cta,.cta h2{color:#fff}.cta .btn-big{background:#fff;color:#2563eb}.cta .btn-big:hover{background:#f1f5f9}.cta p{margin-top:1rem;opacity:.9}.privacy-policy{line-height:1.8;margin:0 auto;max-width:800px;padding:6rem 2rem 4rem}.privacy-policy .container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:3rem}.privacy-policy h1{color:#1e293b;font-size:2.5rem;margin-bottom:1rem;text-align:center}.privacy-policy h2{color:#2563eb;font-size:1.5rem;margin:2rem 0 1rem;text-align:left}.privacy-policy p{color:#4b5563;margin-bottom:1rem}.logo a{color:#2563eb;text-decoration:none}.terms-of-conditions{line-height:1.8;margin:0 auto;max-width:800px;padding:6rem 2rem 4rem}.terms-of-conditions .container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:3rem}.terms-of-conditions h1{color:#1e293b;font-size:2.5rem;margin-bottom:1rem;text-align:center}.terms-of-conditions h2{color:#2563eb;font-size:1.5rem;margin:2rem 0 1rem;text-align:left}.terms-of-conditions p{color:#4b5563;margin-bottom:1rem}.download-section{background:#f8fafc;border-radius:8px;margin:2rem 0;padding:1rem;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;padding:2rem;width:90%}.modal h2{color:#1e293b;margin-bottom:1rem;text-align:center}.modal p{color:#4b5563;line-height:1.6;margin-bottom:1rem}.modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-secondary{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;text-decoration:none}.btn-secondary:hover{background:#4b5563}@media (max-width:768px){.hero h1,h2{font-size:2rem}.nav-links{gap:1rem}.step{flex-direction:column;text-align:center}.plan.popular{transform:none}.privacy-policy{padding:6rem 1rem 4rem}.privacy-policy .container{padding:2rem}.privacy-policy h1{font-size:2rem}.terms-of-conditions{padding:6rem 1rem 4rem}.terms-of-conditions .container{padding:2rem}.terms-of-conditions h1{font-size:2rem}}
/*# sourceMappingURL=main.0f975ac4.css.map*/