.auth-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#fff;font-size:28px;font-weight:600;margin-bottom:8px}.auth-header p{color:#ffffffb3;font-size:16px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ffffffe6;font-size:14px;font-weight:500}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .auth-input{padding-right:45px}.password-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:5px;position:absolute;right:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.password-toggle:hover{color:#ffffffe6;transform:scale(1.1)}.password-toggle:active{transform:scale(.95)}.auth-input{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.auth-input::placeholder{color:#fff6}.auth-input:focus{background:#ffffff1f;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.auth-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease;width:100%}.auth-button.primary{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;margin-top:10px}.auth-button.primary:hover:not(:disabled){box-shadow:0 8px 20px #ff6b3566;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-error{background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:14px;margin-bottom:10px;padding:12px 16px}.social-login-section{margin-top:24px}.divider{align-items:center;color:#ffffff4d;display:flex;font-size:13px;gap:16px;margin-bottom:16px}.divider:after,.divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.long-press-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease;width:100%}.long-press-button:hover{background:#ffffff14;border-color:#ff6b354d;transform:translateY(-1px)}.long-press-button:active{transform:scale(.98)}.button-icon{flex-shrink:0;font-size:24px}.button-text{flex:1 1;text-align:left}.main-text{color:#ffffffe6;display:block;font-size:15px;font-weight:500;margin-bottom:2px}.sub-text{color:#ffffff80;display:block;font-size:12px}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;z-index:1000}.social-modal{animation:slideUp .3s ease;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:24px;max-height:90vh;max-width:420px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-close{align-items:center;display:flex;justify-content:center;transition:background .2s ease}.social-modal h3{color:#fff;font-size:22px;margin-bottom:6px;text-align:center}.modal-subtitle{color:#fff9;font-size:14px;margin-bottom:24px;text-align:center}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;transition:all .2s ease;width:100%}.social-button:hover{background:#ffffff14;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.social-button.google:hover{border-color:#4285f4}.social-button.facebook:hover{border-color:#1877f2}.social-button.apple:hover,.social-button.twitter:hover{border-color:#000}.social-icon{flex-shrink:0;height:20px;width:20px}.modal-note{color:#ffffff80;margin-top:20px;text-align:center}.modal-note small{font-size:12px}.auth-footer{border-top:1px solid #ffffff1a;margin-top:25px;padding-top:25px;text-align:center}.auth-footer p{color:#ffffffb3;font-size:14px}.auth-link{background:none;border:none;color:#ff6b35;cursor:pointer;font-weight:600;padding:0;text-decoration:underline;transition:color .2s ease}.auth-link:hover{color:#ff8c42}@media (max-width:768px){.auth-card{padding:30px 24px}.auth-header h2{font-size:24px}.auth-header p{font-size:14px}.password-toggle{font-size:18px;right:10px}.social-modal{padding:24px}.social-modal h3{font-size:20px}}.desc-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b);height:calc(100vh - 70px);overflow:hidden;padding:0;position:relative}.desc-split{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;height:100%;margin:0 auto;max-width:1400px;padding:24px}.desc-form-panel,.desc-results-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:2px solid #ffffff1a;border-radius:24px;padding:32px;transition:all .4s ease}.desc-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:24px}.desc-section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.desc-section-header h3{color:#00e5ff;font-size:1.3rem;font-weight:600}.desc-section-header span{color:#bdbdbd;font-size:.85rem}.desc-input,.desc-textarea{background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;margin-top:8px;padding:14px 16px;transition:all .3s ease;width:100%}.desc-input:focus,.desc-textarea:focus{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff33;outline:none}.desc-input-group label{color:#bdbdbd;display:block;font-size:14px}.desc-platform-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:20px 0}.desc-platform-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;padding:12px;transition:all .3s ease}.desc-platform-btn:hover{border-color:#00e5ff;box-shadow:0 4px 15px #00e5ff33;transform:translateY(-2px)}.desc-platform-btn.active{background:linear-gradient(135deg,#8b5cf6,#6a5cff);border-color:#00e5ff;box-shadow:0 0 20px #00e5ff4d}.desc-generate-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 20px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:24px 0;padding:16px 32px;transition:all .3s ease;width:100%}.desc-empty{align-items:center;color:#ffffff4d;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:300px}.desc-empty-icon{filter:drop-shadow(0 0 20px rgba(0,229,255,.3));font-size:64px;margin-bottom:16px;opacity:.5}.desc-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:12px;padding:16px;position:relative;transition:all .3s ease}.desc-card:hover{border-color:#00e5ff4d;box-shadow:0 4px 15px #00e5ff1a}.desc-copy-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;height:32px;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.desc-copy-btn:hover{background:#00e5ff33;border-color:#00e5ff}@media (max-width:768px){.desc-wrapper{height:auto;min-height:100vh;width:100%}.desc-split{gap:20px!important;grid-template-columns:1fr!important;height:auto!important;padding:16px!important}.desc-form-panel,.desc-results-panel{height:auto!important;margin:0!important;max-width:100%!important;min-height:auto!important;padding:24px!important;width:100%!important}.desc-title{font-size:1.8rem!important;margin-bottom:20px!important}.desc-section-header{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.desc-section-header h3{font-size:1.2rem!important}.desc-section-header span{font-size:.8rem!important}.desc-input-group{margin-bottom:16px!important;width:100%!important}.desc-input-group label{font-size:14px!important;margin-bottom:6px!important}.desc-input,.desc-textarea{font-size:15px!important;padding:12px 14px!important;width:100%!important}.desc-platform-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important;margin:16px 0!important}.desc-platform-btn{align-items:center!important;display:flex!important;font-size:13px!important;gap:6px!important;justify-content:center!important;padding:12px 8px!important;white-space:normal!important;width:100%!important;word-break:break-word!important}.desc-generate-btn,.desc-platform-btn span{font-size:16px!important}.desc-generate-btn{margin:20px 0!important;padding:16px!important;width:100%!important}.desc-results-header{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;margin-bottom:16px!important;padding:0 0 16px!important}.desc-results-header h3{font-size:1.2rem!important}.desc-reset-btn{font-size:13px!important;padding:8px 16px!important;white-space:nowrap!important;width:auto!important}.desc-results-scroll{max-height:500px!important;overflow-y:auto!important;padding-right:8px!important}.desc-group-title{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0f172af2!important;border-bottom:1px solid #00e5ff4d!important;font-size:15px!important;margin:0 0 12px!important;padding:12px 0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.desc-card{margin-bottom:12px!important;padding:16px!important;position:relative!important}.desc-text{font-size:14px!important;line-height:1.5!important;padding-right:40px!important;word-break:break-word!important}.desc-copy-btn{background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;font-size:16px!important;height:32px!important;min-width:32px!important;position:absolute!important;right:12px!important;top:12px!important;width:32px!important;z-index:5!important}.desc-empty{min-height:300px!important;padding:40px 20px!important}.desc-empty-icon{font-size:56px!important;margin-bottom:16px!important}.desc-empty p{font-size:15px!important}.desc-generating{padding:30px 20px!important}.desc-spinner{border-width:3px!important;height:40px!important;width:40px!important}.desc-error{font-size:14px!important;margin-top:16px!important;padding:14px!important}}@media (max-width:480px){.desc-form-panel,.desc-results-panel{padding:20px!important}.desc-title{font-size:1.5rem!important}.desc-section-header h3{font-size:1.1rem!important}.desc-platform-grid{grid-template-columns:1fr!important}.desc-platform-btn{justify-content:flex-start!important;padding:14px!important}.desc-results-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.desc-reset-btn{width:100%!important}.desc-group-title{font-size:14px!important}.desc-text{font-size:13px!important;padding-right:35px!important}.desc-copy-btn{font-size:14px!important;height:28px!important;width:28px!important}}.desc-results-scroll{max-height:calc(100vh - 250px);overflow-y:auto;padding-right:8px}.desc-results-scroll::-webkit-scrollbar{width:6px}.desc-results-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.desc-results-scroll::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:3px}.desc-results-scroll::-webkit-scrollbar-thumb:hover{background:#00e5ff80}.video-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b);height:calc(100vh - 70px);overflow:hidden;padding:0;position:relative}.video-split{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;height:100%;margin:0 auto;max-width:1400px;padding:24px;position:relative;z-index:1}.video-form-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:2px solid #ffffff1a;border-radius:24px;overflow-y:auto;padding:32px;transition:all .4s ease}.video-form-panel:hover{border-color:#00e5ff4d;box-shadow:0 20px 40px #0000004d}.video-results-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:2px solid #ffffff1a;border-radius:24px;display:flex;flex-direction:column;padding:32px;transition:all .4s ease}.video-results-panel:hover{border-color:#00e5ff4d;box-shadow:0 20px 40px #0000004d}.video-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:16px}.video-usage{background:#00e5ff26;border:1px solid #00e5ff4d;border-radius:20px;color:#00e5ff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:24px;padding:8px 20px}.video-upload-section{margin-bottom:32px}.video-upload-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.video-upload-header h3{color:#00e5ff;font-size:1.3rem;font-weight:600}.video-upload-header span{color:#bdbdbd;font-size:.85rem}.video-upload-box{background:linear-gradient(145deg,#6a5cff08,#00e5ff05);border:2px dashed #ffffff26;border-radius:24px;cursor:pointer;padding:48px 40px;text-align:center;transition:all .3s ease}.video-upload-box:hover{background:linear-gradient(145deg,#00e5ff0d,#6a5cff08);border-color:#00e5ff;box-shadow:0 0 30px #00e5ff1a;transform:translateY(-2px)}.video-upload-icon{filter:drop-shadow(0 0 20px rgba(0,229,255,.3));font-size:64px;margin-bottom:16px}.video-upload-box h4{color:#fff;font-size:18px;margin-bottom:8px}.video-upload-box p{color:#bdbdbd;font-size:14px;margin-bottom:24px}.video-select-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:40px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.video-select-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.video-upload-hint{color:#ffffff4d;font-size:12px;margin-top:16px}.video-preview-container{border:2px solid #00e5ff4d;border-radius:20px;box-shadow:0 0 30px #00e5ff33;overflow:hidden}.video-preview-container img{background:#00000080;display:block;max-height:300px;object-fit:contain;width:100%}.video-preview-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px}.video-preview-overlay span{color:#00e5ff;font-size:14px;font-weight:600}.video-change-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s ease}.video-change-btn:hover{background:#ffffff26;border-color:#ffffff4d}.video-generate-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 20px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease;width:100%}.video-generate-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.video-generate-btn:hover:before{left:100%}.video-generate-btn:hover{box-shadow:0 6px 30px #8b5cf680;transform:translateY(-2px)}.video-generating{padding:40px 20px;text-align:center}.video-progress{background:#ffffff1a;border-radius:4px;height:8px;margin:20px 0;overflow:hidden;width:100%}.video-progress-fill{background:linear-gradient(90deg,#00e5ff,#6a5cff);box-shadow:0 0 10px #00e5ff;height:100%;transition:width .3s ease}.video-spinner{animation:video-spin 1s linear infinite;border:4px solid #00e5ff1a;border-radius:50%;border-top-color:#00e5ff;box-shadow:0 0 20px #00e5ff4d;height:50px;margin:0 auto 20px;width:50px}@keyframes video-spin{to{transform:rotate(1turn)}}.video-generating p{color:#fff;font-size:16px;margin-bottom:8px}.video-hint{color:#ffffff80;font-size:13px}.video-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444426;border:1px solid #ef44444d;border-radius:16px;color:#fca5a5;font-size:14px;margin-top:20px;padding:16px;text-align:center}.video-upgrade-link{color:#00e5ff;font-weight:600;margin-left:8px;text-decoration:none}.video-upgrade-link:hover{text-decoration:underline}.video-results-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:12px}.video-results-header h3{color:#00e5ff;font-size:1.3rem;font-weight:600}.video-result-container{display:flex;flex:1 1;flex-direction:column}.video-player-wrapper{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:20px}.video-player{border-radius:12px;display:block;width:100%}.video-action-buttons{display:flex;gap:12px;margin-top:auto}.video-download-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 20px #10b9814d;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .3s ease}.video-download-btn:hover{box-shadow:0 6px 30px #10b98180;transform:translateY(-2px)}.video-new-btn{background:#0000;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .3s ease}.video-new-btn:hover{background:#ffffff0d;border-color:#fff6;transform:translateY(-2px)}.video-empty{align-items:center;color:#ffffff4d;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.video-empty-icon{animation:video-float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,229,255,.3));font-size:64px;margin-bottom:16px;opacity:.5}@keyframes video-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.video-empty p{color:#bdbdbd;font-size:16px}.video-form-panel::-webkit-scrollbar{width:6px}.video-form-panel::-webkit-scrollbar-track{background:#ffffff05}.video-form-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.video-form-panel::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.video-split{gap:16px;grid-template-columns:1fr;padding:16px}.video-form-panel,.video-results-panel{padding:24px}.video-title{font-size:1.75rem}.video-upload-box{padding:32px 20px}.video-upload-box h4{font-size:16px}.video-action-buttons{flex-direction:column}.video-download-btn,.video-new-btn{width:100%}@media (max-width:768px){.video-wrapper{height:auto;min-height:100vh;width:100%}.video-split{gap:20px!important;grid-template-columns:1fr!important;height:auto!important;padding:16px!important}.video-form-panel,.video-results-panel{height:auto!important;margin:0!important;max-width:100%!important;min-height:auto!important;padding:24px!important;width:100%!important}.video-title{font-size:1.8rem!important}.video-title,.video-usage{margin-bottom:20px!important}.video-usage{font-size:13px!important;padding:6px 16px!important}.video-upload-header{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:16px!important}.video-upload-header h3{font-size:1.2rem!important}.video-upload-header span{font-size:.8rem!important}.video-upload-box{min-height:auto!important;padding:32px 20px!important}.video-upload-icon{font-size:48px!important;margin-bottom:12px!important}.video-upload-box h4{font-size:16px!important;margin-bottom:6px!important}.video-upload-box p{font-size:13px!important;margin-bottom:16px!important}.video-select-btn{font-size:13px!important;padding:10px 20px!important}.video-upload-hint{font-size:11px!important;margin-top:12px!important}.video-preview-container{width:100%!important}.video-preview-container img{max-height:250px!important;object-fit:contain!important;width:100%!important}.video-preview-overlay{align-items:center!important;flex-direction:row!important;padding:12px!important}.video-preview-overlay span{font-size:13px!important}.video-change-btn{font-size:12px!important;padding:6px 14px!important}.video-generate-btn{font-size:16px!important;margin:20px 0!important;padding:16px!important;width:100%!important}.video-generating{padding:30px 20px!important}.video-progress{margin:16px 0!important}.video-spinner{border-width:3px!important;height:40px!important;width:40px!important}.video-generating p{font-size:15px!important}.video-hint{font-size:12px!important}.video-results-header{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;margin-bottom:16px!important;padding:0 0 16px!important}.video-results-header h3{font-size:1.2rem!important}.video-result-container{width:100%!important}.video-player-wrapper{margin-bottom:20px!important;padding:16px!important}.video-player{max-height:300px!important;object-fit:contain!important;width:100%!important}.video-action-buttons{flex-direction:column!important;gap:12px!important}.video-download-btn,.video-new-btn{font-size:15px!important;padding:14px!important;width:100%!important}.video-empty{min-height:300px!important;padding:40px 20px!important}.video-empty-icon{font-size:56px!important;margin-bottom:16px!important}.video-empty p{font-size:15px!important}.video-error{margin-top:16px!important;padding:14px!important}.video-error,.video-upgrade-link{font-size:14px!important}}@media (max-width:480px){.video-form-panel,.video-results-panel{padding:20px!important}.video-title{font-size:1.5rem!important}.video-upload-header h3{font-size:1.1rem!important}.video-upload-box{padding:24px 16px!important}.video-upload-icon{font-size:40px!important}.video-upload-box h4{font-size:15px!important}.video-preview-container img{max-height:200px!important}.video-preview-overlay{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.video-change-btn{width:100%!important}.video-results-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.video-player-wrapper{padding:12px!important}.video-player{max-height:250px!important}.video-empty-icon{font-size:48px!important}}.video-player{border-radius:12px;max-height:500px;object-fit:contain;width:100%}}.voice-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b);height:calc(100vh - 70px);overflow:hidden;padding:0;position:relative}.voice-wrapper:before{background:radial-gradient(circle at 20% 30%,#00e5ff14 0,#0000 50%),radial-gradient(circle at 80% 70%,#6a5cff0f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.voice-split{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;height:100%;margin:0 auto;max-width:1400px;padding:24px;position:relative;z-index:1}.voice-form-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:2px solid #ffffff1a;border-radius:24px;overflow-y:auto;padding:32px;transition:all .4s ease}.voice-form-panel:hover{border-color:#00e5ff4d;box-shadow:0 20px 40px #0000004d}.voice-results-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:2px solid #ffffff1a;border-radius:24px;display:flex;flex-direction:column;padding:32px;transition:all .4s ease}.voice-results-panel:hover{border-color:#00e5ff4d;box-shadow:0 20px 40px #0000004d}.voice-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:16px}.voice-usage{background:#00e5ff26;border:1px solid #00e5ff4d;border-radius:20px;color:#00e5ff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:24px;padding:8px 20px}.voice-section{margin-bottom:32px}.voice-section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.voice-section-header h3{color:#00e5ff;font-size:1.3rem;font-weight:600}.voice-section-header span{color:#bdbdbd;font-size:.85rem}.voice-input-group{margin-bottom:20px}.voice-input-group label{color:#bdbdbd;display:block;font-size:14px;margin-bottom:8px}.voice-input,.voice-select,.voice-textarea{background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.voice-input:focus,.voice-select:focus,.voice-textarea:focus{background:#ffffff1f;border-color:#00e5ff;box-shadow:0 0 20px #00e5ff33;outline:none}.voice-input::placeholder,.voice-textarea::placeholder{color:#ffffff4d}.voice-textarea{min-height:80px;resize:vertical}.voice-script-textarea{background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;line-height:1.6;min-height:150px;padding:16px;resize:vertical;width:100%}.voice-script-textarea:focus{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff33;outline:none}.voice-script-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 20px #10b9814d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:12px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease;width:100%}.voice-script-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.voice-script-btn:hover:before{left:100%}.voice-script-btn:hover:not(:disabled){box-shadow:0 6px 30px #10b98180;transform:translateY(-2px)}.voice-script-btn:disabled{cursor:not-allowed;opacity:.5}.voice-options-grid{grid-gap:16px;gap:16px}.voice-option label{font-size:14px;margin-bottom:8px}.voice-generate-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 20px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease;width:100%}.voice-generate-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.voice-generate-btn:hover:before{left:100%}.voice-generate-btn:hover{box-shadow:0 6px 30px #8b5cf680;transform:translateY(-2px)}.voice-generating{padding:40px 20px;text-align:center}.voice-spinner{animation:voice-spin 1s linear infinite;border:4px solid #00e5ff1a;border-radius:50%;border-top-color:#00e5ff;box-shadow:0 0 20px #00e5ff4d;height:50px;margin:0 auto 20px;width:50px}@keyframes voice-spin{to{transform:rotate(1turn)}}.voice-generating p{color:#fff;font-size:16px;margin-bottom:8px}.voice-hint{color:#ffffff80;font-size:13px}.voice-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444426;border:1px solid #ef44444d;border-radius:16px;color:#fca5a5;font-size:14px;margin-top:20px;padding:16px;text-align:center}.voice-upgrade-link{color:#00e5ff;font-weight:600;margin-left:8px;text-decoration:none}.voice-upgrade-link:hover{text-decoration:underline}.voice-results-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:12px}.voice-results-header h3{color:#00e5ff;font-size:1.3rem;font-weight:600}.voice-result-container{display:flex;flex:1 1;flex-direction:column}.voice-player-wrapper{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:30px 20px}.voice-player{border-radius:8px;width:100%}.voice-action-buttons{display:flex;gap:12px;margin-top:auto}.voice-download-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 20px #10b9814d;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .3s ease}.voice-download-btn:hover{box-shadow:0 6px 30px #10b98180;transform:translateY(-2px)}.voice-new-btn{background:#0000;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .3s ease}.voice-new-btn:hover{background:#ffffff0d;border-color:#fff6;transform:translateY(-2px)}.voice-empty{align-items:center;color:#ffffff4d;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.voice-empty-icon{animation:voice-float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,229,255,.3));font-size:64px;margin-bottom:16px;opacity:.5}@keyframes voice-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.voice-empty p{color:#bdbdbd;font-size:16px}.voice-form-panel::-webkit-scrollbar{width:6px}.voice-form-panel::-webkit-scrollbar-track{background:#ffffff05}.voice-form-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.voice-form-panel::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.voice-split{gap:16px;grid-template-columns:1fr;padding:16px}.voice-form-panel,.voice-results-panel{padding:24px}.voice-title{font-size:1.75rem}.voice-options-grid{grid-template-columns:1fr}.voice-action-buttons{flex-direction:column}@media (max-width:768px){.voice-wrapper{height:auto;min-height:100vh;width:100%}.voice-split{gap:20px!important;grid-template-columns:1fr!important;height:auto!important;padding:16px!important}.voice-form-panel,.voice-results-panel{height:auto!important;margin:0!important;max-width:100%!important;min-height:auto!important;padding:24px!important;width:100%!important}.voice-title{font-size:1.8rem!important}.voice-title,.voice-usage{margin-bottom:20px!important}.voice-usage{font-size:13px!important;padding:6px 16px!important}.voice-upload-header{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:16px!important}.voice-upload-header h3{font-size:1.2rem!important}.voice-upload-header span{font-size:.8rem!important}.voice-input-group{margin-bottom:16px!important;width:100%!important}.voice-input-group label{font-size:14px!important;margin-bottom:6px!important}.voice-input,.voice-script-textarea,.voice-textarea{font-size:15px!important;padding:12px 14px!important;width:100%!important}.voice-textarea{min-height:70px!important}.voice-script-textarea{min-height:120px!important}.voice-script-btn{font-size:15px!important;margin-top:8px!important;padding:14px!important;width:100%!important}.voice-options-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin:20px 0!important}.voice-option{width:100%!important}.voice-option label{font-size:13px!important;margin-bottom:4px!important}.voice-select{font-size:14px!important;padding:12px!important;width:100%!important}.voice-generate-btn{font-size:16px!important;margin:20px 0!important;padding:16px!important;width:100%!important}.voice-generating{padding:30px 20px!important}.voice-spinner{border-width:3px!important;height:40px!important;width:40px!important}.voice-generating p{font-size:15px!important}.voice-hint{font-size:12px!important}.voice-results-header{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;margin-bottom:16px!important;padding:0 0 16px!important}.voice-results-header h3{font-size:1.2rem!important}.voice-result-container{width:100%!important}.voice-player-wrapper{margin-bottom:20px!important;padding:20px 16px!important}.voice-player{width:100%!important}.voice-action-buttons{flex-direction:column!important;gap:12px!important}.voice-download-btn,.voice-new-btn{font-size:15px!important;padding:14px!important;width:100%!important}.voice-empty{min-height:300px!important;padding:40px 20px!important}.voice-empty-icon{font-size:56px!important;margin-bottom:16px!important}.voice-empty p{font-size:15px!important}.voice-error{margin-top:16px!important;padding:14px!important}.voice-error,.voice-upgrade-link{font-size:14px!important}}@media (max-width:480px){.voice-form-panel,.voice-results-panel{padding:20px!important}.voice-title{font-size:1.5rem!important}.voice-upload-header h3{font-size:1.1rem!important}.voice-options-grid{gap:10px!important;grid-template-columns:1fr!important}.voice-select{padding:12px!important}.voice-results-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.voice-player-wrapper{padding:16px 12px!important}.voice-empty-icon{font-size:48px!important}}.voice-script-textarea{max-height:200px;overflow-y:auto;resize:vertical}.voice-script-textarea::-webkit-scrollbar{width:6px}.voice-script-textarea::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.voice-script-textarea::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:3px}.voice-player-wrapper{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:20px;width:100%}.voice-player{border-radius:8px;height:50px;width:100%}.voice-player::-webkit-media-controls-panel{background:linear-gradient(135deg,#00e5ff,#6a5cff)}.voice-player::-webkit-media-controls-play-button{background-color:#fff;border-radius:50%}.voice-info{background:#00e5ff1a;border:1px solid #00e5ff33;border-radius:30px;margin-top:15px;padding:10px;text-align:center}.voice-info p{color:#00e5ff;font-size:13px;font-weight:500}.voice-waveform{align-items:center;display:flex;gap:4px;height:40px;justify-content:center;margin:10px 0}.waveform-bar{animation:waveform 1.5s ease-in-out infinite;background:linear-gradient(135deg,#00e5ff,#6a5cff);border-radius:4px;height:20px;width:4px}.waveform-bar:nth-child(2){animation-delay:.2s}.waveform-bar:nth-child(3){animation-delay:.4s}.waveform-bar:nth-child(4){animation-delay:.6s}.waveform-bar:nth-child(5){animation-delay:.8s}@keyframes waveform{0%,to{height:15px}50%{height:30px}}@media (max-width:768px){.voice-player-wrapper{padding:15px!important}.voice-player{height:45px!important}.voice-info p{font-size:12px!important}.voice-action-buttons{flex-direction:column!important;gap:10px!important}.voice-download-btn,.voice-new-btn{padding:14px!important;width:100%!important}@media (max-width:768px){.voice-split{gap:16px!important;grid-template-columns:1fr!important;height:auto!important;min-height:100vh!important;padding:12px!important}.voice-form-panel{margin-bottom:16px!important}.voice-form-panel,.voice-results-panel{height:auto!important;max-height:none!important;padding:20px!important}.voice-results-panel{display:flex!important;flex-direction:column!important;min-height:300px!important}.voice-player-wrapper{background:#0000004d!important;border-radius:16px!important;margin-bottom:20px!important;padding:30px 15px!important;width:100%!important}.voice-player{background:#fff!important;border-radius:8px!important;height:54px!important;width:100%!important}.voice-player::-webkit-media-controls-panel{background:#ffffffe6!important}.voice-player::-webkit-media-controls-play-button{background-color:#00e5ff!important;border-radius:50%!important}.voice-action-buttons{flex-direction:column!important;gap:12px!important;margin-bottom:30px!important;margin-top:20px!important}.voice-download-btn,.voice-new-btn{border-radius:12px!important;font-size:16px!important;padding:16px!important;width:100%!important}.voice-empty{min-height:250px!important;padding:40px 16px!important}.voice-empty-icon{font-size:56px!important}.voice-empty p{color:#bdbdbd!important;font-size:15px!important}.voice-results-header{margin-bottom:16px!important;padding:12px 0!important}.voice-results-header h3{font-size:1.3rem!important}.voice-results-panel:after{content:"";display:block;height:30px!important}.voice-select{padding:14px!important}.voice-generate-btn,.voice-script-textarea,.voice-select,.voice-textarea{font-size:16px!important}.voice-generate-btn{margin-bottom:20px!important;padding:16px!important}}@media (max-width:480px){.voice-player-wrapper{padding:20px 10px!important}.voice-player{height:48px!important}.voice-download-btn,.voice-new-btn{padding:14px!important}.voice-title{font-size:1.8rem!important}.voice-usage{font-size:13px!important;padding:6px 16px!important}}.voice-player{background:#f0f0f0!important;border-radius:8px!important}.voice-player::-webkit-media-controls-enclosure{background:#ffffffe6!important;border-radius:8px!important}}}.voice-options-grid{grid-gap:20px;gap:20px;margin:24px 0}.voice-option-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#6a5cff14,#00e5ff0d);border:2px solid #ffffff14;border-radius:20px;box-shadow:0 8px 20px #0003;padding:18px 16px;transition:all .3s ease}.voice-option-card:hover{background:linear-gradient(145deg,#6a5cff1f,#00e5ff14);border-color:#00e5ff66;box-shadow:0 12px 30px #00e5ff26;transform:translateY(-2px)}.voice-option-label{align-items:center;color:#00e5ff;display:flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:12px;text-shadow:0 0 10px #00e5ff4d;text-transform:uppercase}.voice-label-icon{filter:drop-shadow(0 0 5px rgba(0,229,255,.5));font-size:1.3rem}.voice-select{appearance:none;-webkit-appearance:none;background:#141e32cc;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2300e5ff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid #00e5ff33;border-radius:14px;box-shadow:0 4px 12px #0003;cursor:pointer;font-size:.95rem;padding:14px 16px;transition:all .3s ease}.voice-select:hover{background-color:#1e283ce6;border-color:#00e5ff;box-shadow:0 0 20px #00e5ff4d}.voice-select:focus{border-color:#6a5cff;box-shadow:0 0 25px #6a5cff66}.voice-select optgroup{background:#1a2639;color:#00e5ff;font-size:1rem;font-weight:600;padding:8px}.voice-select option{font-size:.95rem;padding:12px}.voice-select optgroup[label^=\1F1FA\1F1F8]{color:#ff6b6b}.voice-select optgroup[label^=\1F1EC\1F1E7]{color:#4dabf7}.voice-select optgroup[label^=\1F1F5\1F1ED]{color:#ffd966}.voice-select optgroup[label^=\1F1EA\1F1F8]{color:#f783ac}.voice-select optgroup[label^=\1F1E8\1F1F3]{color:#ff8787}.voice-select optgroup[label^=\1F1EF\1F1F5]{color:#ffa94d}.voice-select optgroup[label^=\1F1F0\1F1F7]{color:#69db7e}.voice-select optgroup[label^=\1F1FB\1F1F3]{color:#ff6b6b}.voice-select optgroup[label^=\1F1EB\1F1F7]{color:#4c6ef5}.voice-select optgroup[label^=\1F1E9\1F1EA]{color:#ff8787}.voice-select optgroup[label^=\1F1EE\1F1F9]{color:#51cf66}.voice-select optgroup[label^=\1F1F5\1F1F9]{color:#ff922b}.voice-select optgroup[label^=\1F1F7\1F1FA]{color:#ff6b6b}.voice-select optgroup[label^=\1F1E6\1F1EA]{color:#20c997}.voice-select optgroup[label^=\1F1EE\1F1F3]{color:#ffa94d}.voice-select optgroup[label^="👩 Female"]{background:linear-gradient(90deg,#2a1f2a,#1a2639);color:#ff9f9f}.voice-select optgroup[label^="👨 Male"]{background:linear-gradient(90deg,#1f2a3a,#1a2639);color:#9fb9ff}.voice-select optgroup[label^="🎵 Special"]{background:linear-gradient(90deg,#2a2a1f,#1a2639);color:#ffd966}.voice-select optgroup[label^="🇵🇭 Filipino"]{background:linear-gradient(90deg,#2a1f1a,#1a2639);color:#ff9f4b}.voice-select option{color:#fff;padding:10px}.voice-select option:hover{background:linear-gradient(135deg,#00e5ff20,#6a5cff20)}@media (max-width:768px){.voice-options-grid{gap:16px;grid-template-columns:1fr}.voice-option-card{padding:16px 14px}.voice-select{font-size:.9rem;padding:12px 14px}}@media (max-width:480px){.voice-option-label{font-size:.9rem}.voice-label-icon{font-size:1.1rem}.voice-select{font-size:.85rem}.voice-select optgroup{font-size:.9rem}.voice-select option{font-size:.85rem;padding:8px}}.pricing-section{background:#0000;height:calc(100vh - 70px);overflow-x:hidden;overflow-y:auto;padding:20px 40px;position:relative;z-index:10}.pricing-content,.pricing-section{display:flex;flex-direction:column;width:100%}.pricing-content{margin:0 auto;max-width:1400px}.pricing-header{flex-shrink:0;margin-bottom:24px;text-align:center}.pricing-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:8px}.pricing-header p{color:#bdbdbd;font-size:1rem;margin-bottom:15px}.currency-switcher{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.currency-label{color:#ffffffb3;font-size:13px}.currency-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .2s ease}.currency-btn:hover{background:#ff6b3533;border-color:#ff6b35;color:#fff}.currency-btn.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-color:#0000;color:#fff}
/* !important needed to override App.css repeat(auto-fit, minmax(260px,1fr)) */.pricing-grid{grid-gap:20px;display:grid!important;gap:20px;grid-template-columns:repeat(2,1fr)!important;margin:0 auto;max-width:960px;padding-bottom:16px;width:100%}.pricing-card{background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:2px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;padding:20px 24px;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#00e5ff4d;box-shadow:0 15px 30px #0000004d;transform:translateY(-4px)}.pricing-card.popular{background:linear-gradient(145deg,#00e5ff1a,#6a5cff0d);border-color:#00e5ff;transform:scale(1.01)}.pricing-card.popular:hover{transform:scale(1.01) translateY(-4px)}.popular-badge{background:linear-gradient(135deg,#ff4fd8,#00e5ff);border-radius:20px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.plan-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;margin-bottom:12px;padding-bottom:12px;text-align:center}.plan-header h3{color:#00e5ff;font-size:1.2rem;margin-bottom:6px}.plan-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center;margin-bottom:6px}.price{color:#fff;font-size:2rem;font-weight:700;line-height:1}.period{color:#bdbdbd;font-size:.8rem}.php-equivalent{color:#ffffff80;font-size:11px;margin-bottom:4px}.plan-description{color:#bdbdbd;font-size:.8rem;line-height:1.4}.features-list{flex:1 1;list-style:none;margin:0 0 12px;padding:0}.features-list li{align-items:center;color:#e0e0e0;display:flex;font-size:.82rem;gap:8px;line-height:1.3;padding:5px 0}.check-icon{flex-shrink:0;font-size:.95rem;font-weight:700}.plan-cta{border:2px solid #0000;border-radius:10px;cursor:pointer;display:block;flex-shrink:0;font-size:.9rem;font-weight:600;margin-top:auto;padding:10px 16px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.plan-cta.primary{background:linear-gradient(135deg,#00e5ff,#6a5cff);box-shadow:0 4px 15px #00e5ff4d;color:#fff}.plan-cta.primary:hover{box-shadow:0 6px 20px #00e5ff80;transform:translateY(-2px)}.plan-cta.secondary{background:#0000;border-color:#fff3;color:#fff}.plan-cta.secondary:hover{background:#ffffff0d;border-color:#fff6}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.modal-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:24px;max-height:85vh;max-width:450px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:32px;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.modal-close:hover{background:#fff3}.modal-header{margin-bottom:24px;text-align:center}.modal-header h2{color:#fff;font-size:24px;margin-bottom:8px}.modal-price{color:#ff6b35;font-size:32px;font-weight:700;margin:8px 0 4px}.modal-price span{color:#ffffff80;font-size:16px;font-weight:400}.modal-php{color:#ffffff80;font-size:14px}.payment-section{margin-bottom:24px}.payment-section h3{color:#fff;font-size:18px;margin-bottom:12px}.payment-section p{color:#ffffffb3;font-size:14px;margin-bottom:16px}.payment-error{background:#ef444426;border:1px solid #ef444466;border-radius:10px;color:#fca5a5;font-size:13px;margin-bottom:16px;padding:12px 16px;text-align:center}.payment-desc{color:#ffffffb3;font-size:14px;margin-bottom:14px;text-align:center}.payment-desc strong{color:#fff}.payment-logos{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.payment-logo{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;color:#ffffffd9;font-size:13px;font-weight:500;padding:6px 14px}.paymongo-btn{align-items:center;background:linear-gradient(135deg,#00c2ff,#06f);border:none;border-radius:14px;box-shadow:0 4px 20px #06f6;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.paymongo-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.paymongo-btn:hover:before{left:100%}.paymongo-btn:hover{box-shadow:0 8px 30px #0066ff8c;transform:translateY(-2px)}.paymongo-btn:active{transform:translateY(0)}.paymongo-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.payment-note{align-items:center;color:#ffffff73;display:flex;font-size:12px;gap:4px;justify-content:center;margin-top:12px;text-align:center}.payment-divider{margin:20px 0;position:relative;text-align:center}.payment-divider:after,.payment-divider:before{background:#ffffff1a;content:"";height:1px;position:absolute;top:50%;width:calc(50% - 30px)}.payment-divider:before{left:0}.payment-divider:after{right:0}.payment-divider span{background:#1a1a2e;color:#ffffff80;font-size:12px;padding:0 12px;position:relative;z-index:1}.contact-section{text-align:center}.contact-section p{color:#ffffff80;font-size:13px;margin-bottom:10px}.email-button{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:8px;color:#fff;display:block;font-weight:500;padding:12px;text-align:center;text-decoration:none;transition:all .2s ease}.email-button:hover{box-shadow:0 4px 15px #ff6b354d;transform:translateY(-2px)}.pricing-card.credits-card{background:linear-gradient(145deg,#00e5ff0f,#6a5cff0a);border-color:#00e5ff40}.credits-badge{background:linear-gradient(135deg,#00e5ff,#6a5cff);border-radius:20px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.modal-credits-note{color:#ffffff80;font-size:12px;margin-top:4px}.coming-soon-tag{background:#ffffff26;border-radius:10px;color:#ffffffb3;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:6px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}@media (max-width:1024px){.pricing-section{padding:20px}.pricing-card{padding:16px 20px}.price{font-size:1.8rem}}@media (max-width:768px){.pricing-section{padding:20px 16px}.pricing-content,.pricing-section{height:auto;overflow:visible}.pricing-grid{gap:16px;grid-template-columns:1fr;padding-bottom:160px}.pricing-card{min-height:auto;padding:20px}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-4px)}.features-list{max-height:none;overflow:visible}.plan-cta{font-size:.95rem;padding:12px}.price{font-size:1.9rem}.modal-card{border-radius:20px;padding:24px 20px}.modal-header h2{font-size:20px}.modal-price{font-size:28px}.paymongo-btn{font-size:15px;padding:14px 20px}.payment-logos{gap:8px}.payment-logo{font-size:12px;padding:5px 12px}}@media (max-width:480px){.pricing-header h2{font-size:1.5rem}.pricing-card{padding:18px}.price{font-size:1.7rem}.plan-header h3{font-size:1.1rem}.features-list li{font-size:.82rem}}.package-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.package-split{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:100%;min-height:0;padding:20px}.package-form-panel,.package-results-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#6a5cff0d,#00e5ff08);border:2px solid #ffffff1a;border-radius:24px;min-height:0;padding:24px;transition:border-color .4s ease,box-shadow .4s ease}.package-form-panel:hover,.package-results-panel:hover{border-color:#00e5ff4d;box-shadow:0 20px 40px #0000004d}.package-form-panel{overflow-y:auto;scrollbar-color:#ffffff26 #0000;scrollbar-width:thin}.package-form-panel::-webkit-scrollbar{width:5px}.package-form-panel::-webkit-scrollbar-track{background:#0000}.package-form-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.package-results-panel{display:flex;flex-direction:column;overflow:hidden}.package-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6a5cff);-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:700;margin-bottom:16px}.package-usage{color:#bdbdbd;display:flex;flex-wrap:wrap;font-size:.78rem;gap:10px;margin-bottom:14px}.package-section{margin-bottom:22px}.package-section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.package-section-header h3{color:#00e5ff;font-size:.95rem;font-weight:600}.package-section-header span{color:#bdbdbd;font-size:.72rem}.package-input-group{margin-bottom:12px}.package-input-group label{color:#bdbdbd;display:block;font-size:.82rem;margin-bottom:5px}.package-input,.package-select,.package-textarea{background:#ffffff14;border:2px solid #ffffff1a;border-radius:10px;color:#fff;font-family:inherit;font-size:.9rem;padding:10px 14px;transition:all .3s ease;width:100%}.package-input:focus,.package-select:focus,.package-textarea:focus{border-color:#00e5ff;box-shadow:0 0 14px #00e5ff33;outline:none}.package-textarea{min-height:54px;resize:vertical}.package-select option{background:#1e293b}.package-upload-section{margin-top:10px}.package-upload-box{background:#ffffff08;border:2px dashed #ffffff26;border-radius:14px;cursor:pointer;padding:18px;text-align:center;transition:all .3s ease}.package-upload-box:hover{background:#00e5ff0d;border-color:#00e5ff}.package-upload-icon{display:block;font-size:26px;margin-bottom:6px}.package-upload-box p{color:#fff;font-size:.82rem;margin-bottom:3px}.package-upload-box small{color:#bdbdbd;font-size:.7rem}.package-preview{border:2px solid #00e5ff4d;border-radius:10px;margin-top:10px;overflow:hidden;position:relative}.package-preview img{background:#0000004d;display:block;max-height:120px;object-fit:contain;width:100%}.package-preview-remove{align-items:center;background:#000000b3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.package-option{border-bottom:1px solid #ffffff0d;margin-bottom:16px;padding-bottom:14px}.package-option:last-child{border-bottom:none}.package-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px}.package-checkbox input{accent-color:#00e5ff;cursor:pointer;height:16px;width:16px}.package-checkbox-label{align-items:center;color:#fff;display:flex;font-size:.92rem;font-weight:500;gap:7px}.package-option-icon{font-size:1.05rem}.package-sub-options{border-left:2px solid #00e5ff33;margin-left:24px;margin-top:12px;padding-left:10px}.package-sub-title{color:#bdbdbd;font-size:.78rem;margin-bottom:8px}.package-platform-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.package-platform-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.72rem;gap:3px;justify-content:center;padding:6px 3px;transition:all .2s ease}.package-platform-btn:hover{border-color:#00e5ff;transform:translateY(-1px)}.package-platform-btn.active{background:linear-gradient(135deg,#8b5cf6,#6a5cff);border-color:#00e5ff}.voice-options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.voice-option label{color:#bdbdbd;display:block;font-size:.75rem;margin-bottom:4px}.voice-select{background:#ffffff14;border:2px solid #ffffff1a;border-radius:9px;color:#fff;font-family:inherit;font-size:.82rem;padding:7px 10px;width:100%}.voice-select:focus{border-color:#00e5ff;outline:none}.voice-select option{background:#1e293b}.package-progress{margin-bottom:14px}.package-progress-bar{background:#ffffff1a;border-radius:3px;height:5px;margin-bottom:6px;overflow:hidden}.package-progress-fill{background:linear-gradient(90deg,#00e5ff,#6a5cff);height:100%;transition:width .3s ease}.package-progress-text{color:#bdbdbd;font-size:.78rem;text-align:center}.package-generate-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:11px;box-shadow:0 4px 18px #8b5cf64d;color:#fff;cursor:pointer;font-size:.97rem;font-weight:600;margin-top:12px;padding:13px;transition:all .3s ease;width:100%}.package-generate-btn:hover:not(:disabled){box-shadow:0 6px 26px #8b5cf680;transform:translateY(-2px)}.package-generate-btn:disabled{cursor:not-allowed;opacity:.6}.package-generating-text{align-items:center;display:flex;gap:8px;justify-content:center}.package-spinner-small{animation:pkgSpin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:17px;width:17px}@keyframes pkgSpin{to{transform:rotate(1turn)}}.package-error{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:.83rem;margin-top:10px;padding:10px;text-align:center}.package-empty{align-items:center;color:#ffffff4d;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.package-empty-icon{filter:drop-shadow(0 0 14px rgba(0,229,255,.3));font-size:52px;margin-bottom:12px;opacity:.5}.package-empty p{color:#bdbdbd;font-size:.92rem}.package-results-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.package-results-header h3{color:#00e5ff;font-size:1.1rem;font-weight:600;margin:0}.package-reset-btn{background:#ffffff0d;border:1px solid #ffffff24;border-radius:28px;color:#ffffffb3;cursor:pointer;flex-shrink:0;font-size:.78rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.package-reset-btn:hover{background:#ff6b351a;border-color:#ff6b35;color:#ff6b35}.package-results-scroll{display:flex;flex:1 1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding-bottom:8px;padding-right:5px;scrollbar-color:#ff6b3566 #ffffff08;scrollbar-width:thin}.package-results-scroll::-webkit-scrollbar{width:5px}.package-results-scroll::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.package-results-scroll::-webkit-scrollbar-thumb{background:#ff6b3573;border-radius:4px}.package-results-scroll::-webkit-scrollbar-thumb:hover{background:#ff6b35b3}.package-result-group{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-shrink:0;overflow:hidden;transition:all .3s ease}.package-result-group:hover{border-color:#ff6b3547;box-shadow:0 6px 22px #ff6b351a}.package-result-title{align-items:center;background:linear-gradient(90deg,#ff6b351f,#0000);border-bottom:1px solid #ffffff12;color:#ffffffe6;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0;padding:13px 16px}.package-result-title span{font-size:17px}.package-description-list{display:flex;flex-direction:column;gap:10px;padding:14px}.package-description-card{background:#0003;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden;transition:border-color .2s}.package-description-card:hover{border-color:#ff6b3538}.package-description-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:6px;padding:9px 14px}.package-description-platform{color:#ffffffe6;font-size:13px;font-weight:600}.package-description-styles{display:flex;flex-direction:column;gap:8px;padding:12px}.package-description-style{background:#00000040;border:1px solid #ffffff0a;border-radius:9px;padding:13px;position:relative}.package-style-header{align-items:center;display:flex;font-size:11.5px;font-weight:600;gap:5px;margin-bottom:6px;opacity:.85}.package-description-text{color:#fffc;font-size:12.5px;line-height:1.65;margin:0 0 30px;white-space:pre-wrap;word-break:break-word}.package-description-single{padding:12px}.package-copy-btn-small{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;bottom:9px;color:#ffffff8c;cursor:pointer;font-size:12px;padding:3px 9px;position:absolute;right:9px;transition:all .2s ease}.package-copy-btn-small:hover{background:#ff6b352e;border-color:#ff6b35;color:#ff6b35}.package-copy-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#ffffff8c;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;margin-top:6px;padding:5px 11px;transition:all .2s ease}.package-copy-btn:hover{background:#ff6b352e;border-color:#ff6b35;color:#ff6b35}.package-video-wrapper{display:flex;flex-direction:column;gap:10px;padding:14px}.package-video{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:block;width:100%}.package-audio-wrapper{display:flex;flex-direction:column;gap:12px;padding:14px}.package-audio{border-radius:20px;display:block;height:42px;width:100%}.package-download-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:26px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;transition:all .3s ease}.package-download-btn:hover{box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.package-script-full{background:#0003;border:1px solid #ffffff0d;border-radius:10px;padding:12px}.package-script-full strong{color:#ffffff80;display:block;font-size:11.5px;margin-bottom:5px}.package-script-text{color:#ffffffc7;font-size:12.5px;line-height:1.65;margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.package-wrapper{height:auto;overflow:visible}.package-split{display:flex;flex-direction:column;gap:14px;height:auto;padding:12px}.package-form-panel,.package-results-panel{border-radius:18px;height:auto;min-height:auto;overflow:visible;padding:16px}.package-results-panel{display:block}.package-results-scroll{flex:none;gap:14px;height:auto;min-height:auto;overflow:visible;padding-bottom:140px;padding-right:0}.package-title{font-size:1.4rem}.package-platform-grid{grid-template-columns:repeat(2,1fr)}.voice-options-grid{grid-template-columns:1fr}.package-download-btn{justify-content:center;width:100%}}@media (max-width:480px){.package-split{gap:10px;padding:10px}.package-form-panel,.package-results-panel{padding:14px}.package-title{font-size:1.2rem}.package-platform-grid{grid-template-columns:repeat(2,1fr)}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.package-results-scroll{padding-bottom:calc(140px + env(safe-area-inset-bottom))}}}.profile-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.profile-modal{animation:slideUp .3s ease;background:linear-gradient(145deg,#1a2639,#0f172a);border:2px solid #00e5ff33;border-radius:24px;box-shadow:0 25px 50px #00000080;max-height:85vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.profile-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px;z-index:10}.profile-close:hover{background:#fff3;transform:scale(1.1)}.profile-header{align-items:center;display:flex;gap:20px;padding:30px 30px 20px}.profile-header-avatar{align-items:center;background:linear-gradient(135deg,#00e5ff,#6a5cff);border-radius:50%;box-shadow:0 8px 25px #00e5ff66;color:#fff;display:flex;font-size:2rem;font-weight:700;height:70px;justify-content:center;text-transform:uppercase;width:70px}.profile-header-info h2{color:#fff;font-size:1.5rem;margin-bottom:5px}.profile-header-info p{color:#bdbdbd;font-size:.9rem}.profile-plan-badge{border:2px solid;border-radius:30px;display:inline-block;font-size:.9rem;font-weight:600;margin:0 30px 20px;padding:8px 16px;text-transform:capitalize}.profile-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;overflow-x:auto;padding:0 30px 20px}.profile-tab{background:#0000;border:none;border-radius:30px;color:#bdbdbd;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.profile-tab:hover{background:#ffffff0d;color:#fff}.profile-tab.active{background:linear-gradient(135deg,#00e5ff,#6a5cff);box-shadow:0 4px 15px #00e5ff4d;color:#fff}.profile-content{padding:20px 30px 30px}.profile-section{margin-bottom:30px}.profile-section h3{color:#00e5ff;font-size:1.1rem;margin-bottom:20px}.info-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#bdbdbd;font-size:.9rem;width:100px}.info-value{color:#fff;flex:1 1;font-size:.95rem}.edit-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.edit-btn:hover{background:#00e5ff33;border-color:#00e5ff}.field{margin-bottom:16px}.field label{color:#bdbdbd;display:block;font-size:.85rem;margin-bottom:6px}.profile-input{background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.profile-input:focus{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff33;outline:none}.edit-actions{display:flex;gap:12px;margin-top:20px}.cancel-btn,.save-btn{border-radius:12px;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .2s ease}.save-btn{background:linear-gradient(135deg,#00e5ff,#6a5cff);border:none;color:#fff}.save-btn:hover{box-shadow:0 8px 20px #00e5ff4d;transform:translateY(-2px)}.cancel-btn{background:#0000;border:2px solid #fff3;color:#fff}.cancel-btn:hover{background:#ffffff0d}.stat-item{margin-bottom:20px}.stat-header{color:#fff;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.stat-header span:last-child{color:#00e5ff;font-weight:600}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00e5ff,#6a5cff);border-radius:4px;height:100%;transition:width .3s ease}.usage-note{background:#00e5ff1a;border-radius:8px;margin-top:20px;padding:12px;text-align:center}.usage-note p{color:#00e5ff;font-size:.85rem}.password-form{margin-bottom:30px}.update-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:14px;transition:all .2s ease;width:100%}.update-btn:hover{box-shadow:0 8px 20px #8b5cf64d;transform:translateY(-2px)}.danger-zone{border-top:2px solid #ef44444d;margin-top:40px;padding-top:20px}.danger-zone h4{color:#ef4444;font-size:1rem;margin-bottom:15px}.delete-btn{background:#ef44441a;border:2px solid #ef44444d;border-radius:12px;color:#ef4444;cursor:pointer;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.delete-btn:hover{background:#ef444433;border-color:#ef4444}.delete-confirm{background:#ef44441a;border-radius:12px;padding:16px}.delete-confirm p{color:#ef4444;font-size:.9rem;margin-bottom:15px}.confirm-actions{display:flex;gap:12px}.confirm-yes{background:#ef4444;border:none;border-radius:8px;font-weight:600}.confirm-no,.confirm-yes{color:#fff;cursor:pointer;flex:1 1;padding:10px}.confirm-no{background:#0000;border:2px solid #fff3;border-radius:8px}.current-plan{background:#ffffff08;border-radius:16px;padding:20px}.plan-name{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.plan-name span{color:#fff;font-size:1rem}.plan-name strong{text-transform:capitalize}.upgrade-btn{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.upgrade-btn:hover{box-shadow:0 4px 15px #f59e0b4d;transform:translateY(-2px)}.billing-info{background:#ffffff0d;border-radius:12px;margin-bottom:20px;padding:15px}.billing-info .info-row{border:none;display:flex;justify-content:space-between;padding:8px 0}.billing-info .info-row span:first-child{color:#bdbdbd}.billing-info .info-row span:last-child{color:#fff;font-weight:600}.payment-method h5{color:#bdbdbd;font-size:.9rem;margin-bottom:10px}.method-display{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.method-display span{color:#fff}.change-btn{background:#0000;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px}.change-btn:hover{border-color:#00e5ff;color:#00e5ff}.cancel-subscription{background:#0000;border:2px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;margin-top:20px;padding:12px;transition:all .2s ease;width:100%}.cancel-subscription:hover{background:#ef44441a}.upgrade-prompt{padding:20px;text-align:center}.upgrade-prompt p{color:#bdbdbd;margin-bottom:15px}.upgrade-now-btn{background:linear-gradient(135deg,#00e5ff,#6a5cff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.upgrade-now-btn:hover{box-shadow:0 8px 20px #00e5ff4d;transform:translateY(-2px)}.profile-message{border-radius:8px;font-size:.9rem;margin:20px 0;padding:12px}.profile-message.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.profile-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.profile-logout-btn{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:20px;padding:16px;transition:all .2s ease;width:100%}.profile-logout-btn:hover{box-shadow:0 8px 25px #f9731666;transform:translateY(-2px)}@media (max-width:768px){.profile-modal{max-height:90vh;width:95%}.profile-header{padding:20px 20px 15px}.profile-header-avatar{font-size:1.5rem;height:50px;width:50px}.profile-header-info h2{font-size:1.2rem}.profile-tabs{padding:0 20px 15px}.profile-tab{font-size:.85rem;padding:8px 12px}.profile-content{padding:15px 20px 20px}.info-label{width:80px}}.profile-picture-upload{align-items:center;display:flex;flex-direction:column;margin-right:20px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:600;height:80px;justify-content:center;margin-bottom:8px;overflow:hidden;position:relative;transition:transform .2s ease;width:80px}.profile-avatar-large:hover{transform:scale(1.05)}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-avatar-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.change-photo-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.change-photo-btn:hover:not(:disabled){background:#fff3}.change-photo-btn:disabled{cursor:not-allowed;opacity:.5}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}:root{--bg:#0a0a0f;--text:#fff;--muted:#bdbdbd;--accent1:#00e5ff;--accent2:#10b981;--accent3:#6a5cff;--border-light:#00e5ff33;--card-bg:#ffffff08;--chatgpt-green:#10a37f;--claude-orange:#d97706;--gemini-blue:#4285f4;--grok-red:#ff6b6b;--deepseek-green:#10b981;--perplexity-purple:#8b5cf6;--qwen-purple:#9333ea;--google-blue:#1a73e8;--wiki-gray:#6b7280}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0a0a0f;background:var(--bg);color:#fff;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}body:before{animation:gradientShift 15s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 70%,#f973161f 0,#0000 50%),radial-gradient(circle at 50% 50%,#0ea5e914 0,#0000 60%)}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}body:after{background-image:linear-gradient(#3b82f608 1px,#0000 0),linear-gradient(90deg,#3b82f608 1px,#0000 0);background-size:50px 50px;opacity:.3}@keyframes gradientShift{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes titleGradient{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes borderGlow{0%{filter:blur(15px);opacity:.3}to{filter:blur(20px);opacity:.6}}.main-wrapper{min-height:100vh;position:relative;width:100%}.content-center{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;width:100%;z-index:5}.logo-container{position:absolute;right:3rem;top:2rem;z-index:100}.logo-image{filter:drop-shadow(0 0 15px rgba(59,130,246,.4));height:95px;transition:.4s cubic-bezier(.175,.885,.32,1.275);width:auto}.logo-image:hover{filter:drop-shadow(0 0 25px #00e5ff);filter:drop-shadow(0 0 25px var(--accent1));transform:scale(1.1) rotate(-3deg)}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem;position:relative}.hero:before{animation:gradientShift 15s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 50%,#3b82f633 0,#0000 60%),radial-gradient(circle at 80% 30%,#f9731626 0,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.hero-inner{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:.9fr 1.1fr;max-width:1200px;z-index:1}.hero-inner,.hero-visual{position:relative}.hero-visual:before{animation:borderGlow 4s ease-in-out infinite alternate;background:linear-gradient(45deg,#00e5ff,#10b981,#6a5cff,#00e5ff);background:linear-gradient(45deg,var(--accent1),var(--accent2),var(--accent3),var(--accent1));border-radius:8px;bottom:-10px;content:"";filter:blur(15px);left:-10px;opacity:.5;position:absolute;right:-10px;top:-10px;z-index:0}.hero-visual img{animation:gentleFloat 15s ease-in-out infinite;border-radius:8px;box-shadow:0 20px 40px #0006,0 0 60px #3b82f633;filter:brightness(1.05) contrast(1.1) saturate(1.1);max-width:500px;position:relative;width:100%;z-index:1}.site-title{-webkit-text-fill-color:#0000;animation:titleGradient 8s ease-in-out infinite alternate;background:linear-gradient(135deg,#00e5ff,#10b981 50%,#6a5cff);background:linear-gradient(135deg,var(--accent1) 0,var(--accent2) 50%,var(--accent3) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.clear-explanations{color:#bdbdbd;color:var(--muted);font-size:.8rem;font-weight:500;letter-spacing:.3em;margin-bottom:2rem;text-transform:uppercase}.main-headline{font-size:4rem;margin-bottom:.5rem}.main-headline,.sub-headline{line-height:1;text-shadow:0 2px 10px #0000004d}.sub-headline{font-size:3.5rem;font-weight:700}.sub-headline-line1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#10b981);background:linear-gradient(135deg,var(--accent1) 0,var(--accent2) 100%);-webkit-background-clip:text;background-clip:text;display:block;margin-bottom:.2rem}.sub-headline-line2{color:#fff6;font-weight:300}.hero-desc{color:#bdbdbd;color:var(--muted);font-size:1.05rem;line-height:1.7;margin:2rem 0;max-width:480px}.hero-cta-group{display:flex;gap:1rem;margin-top:2rem}.read-more-btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.read-more-btn.primary{background:linear-gradient(135deg,#00e5ff,#2563eb);background:linear-gradient(135deg,var(--accent1) 0,#2563eb 100%);box-shadow:0 8px 25px #3b82f64d,0 0 30px #3b82f633;color:#fff}.read-more-btn.primary:hover{box-shadow:0 12px 35px #3b82f666,0 0 40px #3b82f64d;transform:translateY(-3px)}.read-more-btn.secondary{background:#0000;border:2px solid #f9731680;color:#10b981;color:var(--accent2)}.read-more-btn.secondary:hover{background:#f973161a;border-color:#10b981;border-color:var(--accent2);transform:translateY(-2px)}.hero-trust{margin-top:1.5rem;text-align:center}.trust-text{color:#bdbdbd;font-size:.9rem}.section-padding{border-top:1px solid #3b82f61a;padding:100px 0;position:relative;z-index:5}.content-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:80px}.content-card{background:linear-gradient(145deg,#3b82f60d,#0ea5e908);border:1px solid #3b82f633;border-radius:20px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s ease}.content-card:before{background:linear-gradient(90deg,#00e5ff,#10b981);background:linear-gradient(90deg,var(--accent1),var(--accent2));content:"";height:3px;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.content-card:hover{border-color:#00e5ff;border-color:var(--accent1);box-shadow:0 20px 40px #0000004d,0 0 30px #3b82f633;transform:translateY(-10px)}.content-card:hover:before{transform:translateX(0)}.card-title{color:#00e5ff;color:var(--accent1);font-size:1.6rem;font-weight:700;margin-bottom:1rem}.muted{color:#bdbdbd;color:var(--muted);font-size:.95rem;line-height:1.6}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#10b981);background:linear-gradient(135deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:0}.tool-card{background:linear-gradient(145deg,#3b82f60d,#0ea5e908);border:1px solid #3b82f633;border-radius:12px;color:#fff;padding:1.5rem;text-decoration:none;transition:all .4s ease}.tool-card:hover{border-color:#00e5ff;border-color:var(--accent1);box-shadow:0 15px 35px #0006;transform:translateY(-8px)}.user-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #cbd5e133;border-radius:50px;box-shadow:0 4px 12px #0000004d;display:flex;gap:1.5rem;left:2rem;padding:.8rem 1.5rem;position:fixed;top:1.5rem;z-index:1000}.user-bar span{color:#e2e8f0;font-size:.95rem;font-weight:600}.logout-btn{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:50px;box-shadow:0 2px 8px #f973164d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.logout-btn:hover{box-shadow:0 4px 12px #f9731680;transform:translateY(-2px)}.pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media (max-width:1100px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-desc{margin:2rem auto}.logo-container{right:50%;top:1rem;transform:translateX(50%)}.hero-visual:before{display:none}.content-grid{grid-template-columns:1fr}.section-padding{padding:80px 2rem}.content-center{padding:0 1rem}.hero-cta-group{flex-direction:column}.read-more-btn{width:100%}}@media (max-width:768px){.main-headline{font-size:2.5rem}.sub-headline{font-size:2rem}.site-title{font-size:2.5rem}.logo-image{height:30px}.user-bar{gap:1rem;justify-content:space-between;left:1rem;padding:.6rem 1rem;right:1rem;top:1rem;width:auto}.logout-btn,.user-bar span{font-size:.85rem}.logout-btn{padding:.5rem 1.2rem}.pricing-grid{gap:16px;grid-template-columns:1fr;margin-bottom:140px}}@media (max-width:480px){.main-headline{font-size:2rem}.sub-headline{font-size:1.75rem}}.dashboard-wrapper{background:linear-gradient(180deg,#0a0e1a,#05070d);color:#fff;height:100vh;overflow:hidden}.top-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f19f2;border-bottom:1px solid #ffffff14;height:70px;justify-content:space-between;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:1000}.top-bar,.top-bar-left{align-items:center;display:flex}.top-bar-left{gap:1rem}.top-logo{filter:drop-shadow(0 0 10px rgba(59,130,246,.3));height:45px;width:auto}.top-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#f97316);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.top-bar-right{align-items:center;display:flex;gap:1.5rem}.welcome-text{color:#ffffffe6;font-size:.95rem;font-weight:500}.logout-btn-top{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s ease}.logout-btn-top:hover{box-shadow:0 4px 12px #f9731666;transform:translateY(-2px)}.dashboard-body{display:flex;height:100vh;overflow:hidden;padding-top:70px}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f1999;border-right:1px solid #ffffff14;bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;padding:2rem 1rem;position:fixed;top:70px;width:260px;z-index:100}.sidebar-header{margin-bottom:2rem;padding:0 .75rem}.sidebar-header h3{color:#ffffffe6;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.sidebar-header p{color:#ffffff80;font-size:.8125rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.sidebar-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#fff9;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.875rem;padding:1rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.sidebar-tab:hover{background:#ffffff0d;color:#ffffffe6}.sidebar-tab.active{background:#3b82f61a;border-color:#3b82f64d;color:#fff}.sidebar-tab.active:before{background:linear-gradient(180deg,#3b82f6,#f97316);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.tab-icon{font-size:1.375rem;line-height:1}.tab-label{flex:1 1}.sidebar-profile{align-items:center;background:linear-gradient(145deg,#6a5cff14,#00e5ff0d);border:2px solid #ffffff14;border-radius:16px;cursor:pointer;display:flex;gap:12px;margin:1rem .75rem;padding:1rem;transition:all .3s ease}.sidebar-profile:hover{border-color:#00e5ff66;box-shadow:0 8px 20px #00e5ff26;transform:translateY(-2px)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#00e5ff,#6a5cff);border-radius:50%;box-shadow:0 4px 10px #00e5ff4d;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:42px;justify-content:center;overflow:hidden;text-transform:uppercase;width:42px}.profile-info{flex:1 1}.profile-info h4{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:4px}.plan-badge{background:#10b98126;border:1px solid #10b9814d;border-radius:20px;color:#10b981;display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding-top:2rem}.sidebar-tagline{color:#10b981;font-size:.8125rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.sidebar-credits{color:#fff6;font-size:.75rem;margin:0}.main-content{display:flex;flex-direction:column;margin-left:260px;width:calc(100% - 260px)}.main-content.full-height{height:calc(100vh - 70px);overflow:hidden}.main-content.with-footer{height:calc(100vh - 70px);overflow-y:auto}.generator-container{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0}.generator-container>*{flex:1 1;height:100%;min-height:0}.pricing-footer{background:#0f0f19cc;border-top:1px solid #ffffff14;flex-shrink:0;padding:1.5rem 2rem}.footer-content-simple{margin:0 auto;max-width:1200px}.footer-newsletter{margin-bottom:3rem;text-align:center}.footer-newsletter h3{color:#00e5ff;font-size:1.5rem;margin-bottom:1rem}.newsletter-form{display:flex;gap:.75rem;justify-content:center;margin:0 auto;max-width:500px}.newsletter-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;flex:1 1;font-size:.9375rem;min-width:0;outline:none;padding:.875rem 1.25rem;transition:all .2s}.newsletter-input:focus{background:#ffffff14;border-color:#00e5ff}.newsletter-input::placeholder{color:#fff6}.newsletter-btn{background:linear-gradient(135deg,#10b981,#00e5ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease;white-space:nowrap}.newsletter-btn:hover{box-shadow:0 5px 15px #10b9814d;transform:translateY(-2px)}.footer-bottom-row{border-top:1px solid #ffffff14;gap:2rem;justify-content:space-between;padding-top:2rem}.footer-bottom-row,.footer-links{align-items:center;display:flex;flex-wrap:wrap}.footer-links{gap:1rem}.footer-links a{color:#ffffffb3;font-size:.875rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#3b82f6}.separator{color:#ffffff4d}.footer-social{display:flex;gap:1rem}.social-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;display:flex;font-weight:600;height:36px;justify-content:center;text-decoration:none;transition:all .2s;width:36px}.social-icon:hover{background:#ffffff1a;color:#fff}.faq-float-btn{background:linear-gradient(135deg,#3b82f6,#f97316);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 20px #3b82f666;color:#fff;cursor:pointer;font-size:1.75rem;font-weight:700;height:56px;position:fixed;right:2rem;transition:all .3s ease;width:56px;z-index:999}.faq-float-btn:hover{box-shadow:0 6px 30px #3b82f699;transform:scale(1.1)}.faq-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.faq-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f19f2;border:1px solid #ffffff1a;border-radius:20px;max-height:80vh;max-width:600px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faq-close{background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:1.5rem;height:36px;position:absolute;right:1rem;top:1rem;transition:all .2s;width:36px}.faq-close:hover{background:#ffffff26;color:#fff}.faq-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#f97316);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:2rem}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem;transition:all .2s}.faq-item:hover{background:#ffffff0d}.faq-item h4{color:#ffffffe6;font-size:1rem;font-weight:600;margin-bottom:.75rem}.faq-item p{color:#ffffffb3;font-size:.9375rem;line-height:1.6;margin:0}.loading-screen{align-items:center;background:linear-gradient(180deg,#0a0e1a,#05070d);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen p{color:#ffffffb3;font-size:.9375rem}.faq-modal::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:5px}.faq-modal::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#ffffff05}.faq-modal::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@media (max-width:1024px){.sidebar{width:220px}.main-content{margin-left:220px;width:calc(100% - 220px)}}@media (max-width:768px){.dashboard-wrapper{height:auto;min-height:100vh;overflow:visible}.dashboard-body{height:auto;overflow:visible;padding-top:60px}.top-bar{height:60px;padding:0 1rem}.top-logo{height:32px}.top-brand{font-size:1rem}.sidebar,.welcome-text{display:none}.main-content,.main-content.full-height,.main-content.with-footer{height:auto;margin-left:0;min-height:calc(100vh - 60px);overflow-y:visible;padding:12px 12px 110px;width:100%}.generator-container,.generator-container>*{flex:none;height:auto;min-height:auto;overflow:visible}.mobile-bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af7;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #0006;display:flex;flex-direction:column;left:0;padding:8px 16px 12px;position:fixed;right:0;z-index:1000}.mobile-nav-items{align-items:center;display:flex;justify-content:space-around;width:100%}.mobile-nav-item{align-items:center;background:#0000;border:none;color:#ffffff8c;cursor:pointer;display:flex;flex-direction:column;gap:3px;justify-content:center;min-width:44px;padding:6px 4px;transition:all .2s ease}.mobile-nav-item .nav-icon,.mobile-nav-item span:first-child{font-size:20px}.mobile-nav-item .nav-label,.mobile-nav-item span:last-child{font-size:10px;white-space:nowrap}.mobile-nav-item.active{color:#00e5ff}.mobile-nav-item.profile-nav{color:#8b5cf6}.mobile-footer-text{border-top:1px solid #ffffff12;color:#ffffff59;font-size:10px;margin-top:4px;padding:6px 0 2px;text-align:center}.mobile-footer-text p{margin:1px 0}.faq-float-btn{bottom:110px;font-size:1.4rem;height:48px;left:auto;right:16px;width:48px;z-index:1001}.faq-modal{margin:1rem;padding:2rem 1.5rem}.faq-title{font-size:1.5rem}.newsletter-form{flex-direction:column;gap:12px}.newsletter-btn,.newsletter-input{max-width:100%;width:100%}}@media (max-width:480px){.main-content,.main-content.full-height,.main-content.with-footer{padding:10px 10px 110px}.mobile-nav-item{min-width:40px}.mobile-nav-item .nav-icon,.mobile-nav-item span:first-child{font-size:18px}.faq-modal{max-height:90vh;padding:1.5rem 1rem}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.mobile-bottom-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}.main-content,.main-content.full-height,.main-content.with-footer{padding-bottom:max(110px,calc(110px + env(safe-area-inset-bottom)))}}}
/*# sourceMappingURL=main.6082a07d.css.map*/