@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@600;700;800;900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about-container .features-highlight,.about-container .story-section,.card,.feature-card,.modal,.permissions-header,.pricing-card,.signin-card,.signup-card,.stat-card,.story-section,.surface-card,.surface-light,.testimonial,.voice-card{background:var(--surface-light)!important;border-color:var(--border-color)!important}.App-footer,.header.surface-dark,.hero-section.dark,.history-section,.pricing-preview-card,.surface-dark,.surface-dark-bg{background:var(--surface-dark)!important;color:var(--text-primary)!important}.nav-link,a{color:var(--primary-color)!important}.nav-button{color:var(--text-primary)!important}.btn-primary,.cta-button,.cta-primary,.generate-button,.nav-button.primary,.play-button,.subscribe-button,button.nav-button.primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--text-inverse)!important}.cancel-button,.cta-secondary,.download-button,button.nav-button{border-color:var(--primary-color)!important;color:var(--primary-color)!important}.badge-dark,.x-follow-button{background:var(--text-primary)!important;color:var(--background-main)!important}.data-table td,.data-table th,.data-table tr{background:#0000!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body::-webkit-scrollbar-thumb{background:var(--primary-color)!important}.nav-button,.nav-link{color:var(--text-primary)!important}.nav-button:hover,.nav-link:hover{color:var(--primary-color)!important}.studio-container,.studio-main,.studio-page,.studio-step{background:var(--background-main)!important;border:none!important;box-shadow:none!important;color:var(--text-primary)!important}.studio-page h1,.studio-page h2,.studio-page h3,.studio-page strong{color:var(--text-primary)!important}.character-count,.history-date,.studio-header p,.studio-page div:not(.step-number),.studio-page label,.studio-page p,.studio-page span,.voice-description{color:var(--text-secondary)!important}.step-number{background:var(--primary-color)!important;color:var(--text-inverse)!important}.selected-reader-info,.selected-voice-details-locked{background:var(--surface-light)!important;border:1px solid var(--border-color)!important}.change-voice-button,.filter-button{background:var(--surface-dark)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.change-voice-button:hover,.filter-button:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important}.filter-button.active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--text-inverse)!important}.script-input,.script-textarea,.voice-search-input-inline{background:var(--surface-dark)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.script-input::placeholder,.script-textarea::placeholder,.voice-search-input-inline::placeholder{color:var(--text-secondary)!important}.script-input:focus,.script-textarea:focus,.voice-search-input-inline:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #f59e0b33!important}.history-item,.history-section{background:var(--surface-light)!important;border:1px solid var(--border-color)!important}.history-header h2,.history-voice-name{color:var(--text-primary)!important}.history-date,.history-text-preview{color:var(--text-secondary)!important}.history-delete-button,.history-download-button,.history-play-button,.refresh-history-button{background:var(--surface-dark)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.history-delete-button:hover,.history-download-button:hover,.history-play-button:hover,.refresh-history-button:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important}.admin-dashboard,.admin-panel,.admin-panel-with-tabs,.elevenlabs-monitor{background:var(--background-main)!important;color:var(--text-primary)!important}.admin-dashboard *,.admin-panel *,.admin-panel-with-tabs *,.elevenlabs-monitor *{color:var(--text-primary)!important}.admin-dashboard div,.admin-dashboard label,.admin-dashboard p,.admin-dashboard span,.admin-panel div:not(.step-number),.admin-panel label,.admin-panel p,.admin-panel span,.admin-panel-with-tabs div,.admin-panel-with-tabs label,.admin-panel-with-tabs p,.admin-panel-with-tabs span{color:var(--text-secondary)!important}.admin-dashboard h1,.admin-dashboard h2,.admin-dashboard h3,.admin-dashboard h4,.admin-dashboard h5,.admin-dashboard h6,.admin-panel h1,.admin-panel h2,.admin-panel h3,.admin-panel h4,.admin-panel h5,.admin-panel h6,.admin-panel-with-tabs h1,.admin-panel-with-tabs h2,.admin-panel-with-tabs h3,.admin-panel-with-tabs h4,.admin-panel-with-tabs h5,.admin-panel-with-tabs h6,.admin-tabs-header{color:var(--text-primary)!important}.admin-tabs-header{background:var(--surface-light)!important}.tab-button{background:#0000!important;border-bottom-color:#0000!important;color:var(--text-secondary)!important}.tab-button.active,.tab-button:hover{background:var(--surface-dark)!important;color:var(--primary-color)!important}.tab-button.active{border-bottom-color:var(--primary-color)!important}.admin-panel input,.admin-panel select,.admin-panel textarea,.admin-panel-with-tabs input,.admin-panel-with-tabs select,.admin-panel-with-tabs textarea{background:var(--surface-dark)!important;border:2px solid var(--border-color)!important;color:var(--text-primary)!important}.admin-panel input::placeholder,.admin-panel textarea::placeholder,.admin-panel-with-tabs input::placeholder,.admin-panel-with-tabs textarea::placeholder{color:var(--text-secondary)!important}.admin-panel input:focus,.admin-panel select:focus,.admin-panel textarea:focus,.admin-panel-with-tabs input:focus,.admin-panel-with-tabs select:focus,.admin-panel-with-tabs textarea:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #f59e0b33!important}.admin-panel table,.admin-panel-with-tabs table{background:var(--surface-light)!important}.admin-panel th,.admin-panel-with-tabs th{background:var(--surface-dark)!important;color:var(--text-primary)!important}.admin-panel td,.admin-panel-with-tabs td{border-color:var(--border-color)!important;color:var(--text-primary)!important}.admin-panel tr:hover,.admin-panel-with-tabs tr:hover{background:var(--surface-dark)!important}.admin-panel .card,.admin-panel .search-filter-panel,.admin-panel .stat-card,.admin-panel-with-tabs .card,.admin-panel-with-tabs .search-filter-panel,.admin-panel-with-tabs .stat-card{background:var(--surface-light)!important;border-color:var(--border-color)!important}.admin-panel .modal,.admin-panel-with-tabs .modal{background:var(--surface-light)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.admin-panel .modal *,.admin-panel-with-tabs .modal *{color:var(--text-primary)!important}.admin-panel .modal div,.admin-panel .modal p,.admin-panel .modal span,.admin-panel-with-tabs .modal div,.admin-panel-with-tabs .modal p,.admin-panel-with-tabs .modal span{color:var(--text-secondary)!important}.signin-container,.signin-page{background:var(--background-main)!important}.signin-card{background:var(--surface-light)!important;border:1px solid var(--border-color)!important}.signin-container *,.signin-page *{color:var(--text-primary)!important}.signin-container label,.signin-container p,.signin-container span,.signin-page label,.signin-page p,.signin-page span{color:var(--text-secondary)!important}.signin-header h2{color:var(--text-primary)!important}.signin-header p{color:var(--text-secondary)!important}.signin-container input,.signin-page input{background:var(--surface-dark)!important;border:2px solid var(--border-color)!important;color:var(--text-primary)!important}.signin-container input::placeholder,.signin-page input::placeholder{color:var(--text-secondary)!important}.signin-container input:focus,.signin-page input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #f59e0b33!important}:root{--primary-color:#f97316;--primary-hover:#ea580c;--primary-color-rgb:249,115,22;--background-main:#121212;--background-dark:#0f0f0f;--surface-light:#1e1e1e;--surface-dark:#2a2a2a;--border-color:#333;--border-hover:#444;--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--text-inverse:#fff;--text-on-primary:#fff;--error-color:#f44336;--success-color:#4caf50;--success-light-bg:#4caf501a;--primary-light-bg:#3b82f60d;--surface-disabled:#2c2c2c;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--background-main);box-sizing:border-box;color:#f0f0f0;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;margin:0;max-width:100vw;overflow-x:hidden}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}*{margin:0;padding:0}canvas,img,svg,video{height:auto;max-width:100%}:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Poppins,Inter,sans-serif;font-weight:700;margin-bottom:1rem}h1{font-size:clamp(1.75rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}h4{font-size:clamp(1.125rem,2.5vw,1.5rem)}h5{font-size:clamp(1rem,2vw,1.25rem)}h6{font-size:clamp(.875rem,1.5vw,1rem)}p{line-height:1.7;margin-bottom:1rem}.App{background:#121212;background:var(--background-main);box-sizing:border-box;color:#f0f0f0;color:var(--text-primary);display:flex;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#1e1e1e;background-color:var(--surface-light);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#f0f0f0;color:var(--text-primary);display:flex;justify-content:space-between;min-height:60px;padding:calc(.75rem + env(safe-area-inset-top)) 2rem .75rem;position:sticky;top:0;transition:all .3s ease;width:100%;z-index:1000}.App-header.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#1e1e1eeb;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 30px #0000001a}.App-header.scrolled .logo-container h1{color:#fff}.App-header.scrolled .nav-button{color:#ffffffe6}.App-header.scrolled .nav-button:hover{background:#f9731626;color:#f97316;color:var(--primary-color)}.App-header.scrolled .nav-button.active{background:#f9731633;color:#f97316;color:var(--primary-color)}.impersonation-banner{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f9731614;border:1px solid #f9731666;border-radius:.75rem;color:#f0f0f0;color:var(--text-primary);display:flex;gap:1rem;justify-content:space-between;margin:0 1.5rem 1rem;padding:.75rem 1.25rem}.impersonation-exit{background:#0000;border:1px solid #f9731680;border-radius:.6rem;color:#f0f0f0;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.impersonation-exit:hover:not(:disabled){background:#f9731626;color:#fff;color:var(--text-inverse)}.impersonation-exit:disabled{cursor:not-allowed;opacity:.6}.logo-container{align-items:center;display:flex;flex:1 1 auto;gap:1rem;min-width:0;text-decoration:none;transition:opacity .2s ease}.logo-text{display:flex;flex-direction:column;min-width:0}.logo-container:hover{opacity:.9}.logo-container h1{color:#f0f0f0;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:800;margin:0}.tagline{color:#b0b0b0;color:var(--text-secondary);display:none;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:300;margin:0}@media (min-width:768px){.tagline{display:block}}@media (max-width:1024px){.App-header{gap:.5rem;min-height:56px;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem}.logo-container{flex:0 0 auto;gap:.6rem}.logo-container svg{height:36px;width:36px}.logo-text h1{font-size:1.3rem;margin:0}.tagline{display:none}.desktop-actions,.desktop-nav{display:none!important}.App-main{padding:clamp(1rem,5vw,1.25rem)}@media (max-width:1024px){.nav-button{-webkit-tap-highlight-color:rgba(249,115,22,.1);border-radius:.875rem;font-size:.95rem;min-height:48px;padding:.75rem 1rem;touch-action:manipulation}.nav-button:active{background:#f973161a;transform:scale(.96)}.nav-button.active{background:linear-gradient(135deg,#f9731633,#ea580c26);box-shadow:0 2px 8px #f9731640}.nav-dropdown{border-radius:1rem;box-shadow:0 8px 25px #0000004d;left:-.5rem;position:absolute;right:-.5rem;top:calc(100% + .5rem)}.nav-dropdown-item{font-size:1rem;min-height:52px;padding:1rem}}.cta-button{border-radius:.875rem;font-size:.95rem;min-height:48px;padding:.75rem 1.25rem}}.main-nav{display:flex}.main-nav,.nav-button{align-items:center;gap:.5rem}.nav-button{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:.75rem;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;justify-content:center;min-height:48px;min-width:48px;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-button:after{background:linear-gradient(90deg,#f97316,#ea580c);background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.nav-button:before{background:linear-gradient(135deg,#f973161a,#ea580c0d);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.nav-button:hover{box-shadow:0 4px 12px #f9731626;color:#f97316;color:var(--primary-color);transform:translateY(-2px)}.nav-button:hover:after{width:100%}.nav-button:hover:before{opacity:1}.nav-button:active{transform:translateY(0);transition:transform .1s ease}.nav-button.active{background:linear-gradient(135deg,#f9731626,#ea580c1a);box-shadow:0 2px 8px #f9731633;color:#f97316;color:var(--primary-color);font-weight:600}.nav-button.active:after{width:100%}.nav-dropdown{animation:dropdownFadeIn .2s ease-out;background:#0f172af2;border:1px solid #ffffff1a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-dropdown-item{align-items:center;background:none;border:none;border-radius:.5rem;color:#f0f0f0;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;gap:.75rem;min-height:44px;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.nav-dropdown-item:hover{background:#f973161a;color:#f97316;color:var(--primary-color);transform:translateX(2px)}.nav-dropdown-item:active{background:#f9731626;transform:translateX(0)}.nav-dropdown-icon{font-size:1.1rem;opacity:.8;text-align:center;width:20px}.nav-dropdown-item:hover .nav-dropdown-icon{opacity:1}.user-dropdown-header{border-bottom:1px solid #ffffff1a;margin-bottom:.5rem;padding:.5rem 1rem 1rem}.user-email{color:#b0b0b0;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-transform:lowercase}.dropdown-separator{border:0;border-top:1px solid #ffffff1a;margin:.5rem 0}.admin-item{color:#f97316;color:var(--primary-color);font-weight:600}.admin-item:hover{background:#f9731626}.signout-item{color:#ef4444}.signout-item:hover{background:#ef44441a;color:#ef4444}.signout-item .nav-dropdown-icon{color:#ef4444}.signin-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc!important;border:1.5px solid #f9731666!important;border-radius:.75rem!important;box-shadow:none!important;color:#f0f0f0!important;cursor:pointer;display:inline-flex;font-weight:600!important;gap:.6rem;letter-spacing:.3px;min-height:48px;min-width:120px;overflow:visible!important;padding:.75rem 1.5rem!important;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.signin-button:after,.signin-button:before{display:none!important}.signin-button:hover{background:#f9731626!important;border-color:#f97316b3!important;box-shadow:0 4px 16px #f9731640!important;color:#fff!important;transform:translateY(-1px)!important}.signin-button:active{box-shadow:0 2px 8px #f9731633!important;transform:translateY(0)!important}.signin-icon{font-size:1.15rem;opacity:.9;transition:opacity .3s ease}.signin-button:hover .signin-icon{opacity:1}.cta-button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:.75rem;box-shadow:0 4px 16px #f9731659;color:#fff;display:inline-flex;font-family:Inter,sans-serif;gap:.5rem;justify-content:center;letter-spacing:.3px;margin-right:0;min-height:48px;min-width:120px;overflow:hidden;padding:1rem 1.75rem;position:relative;touch-action:manipulation}.cta-button:before{background:linear-gradient(90deg,#0000,#ffffff38,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{box-shadow:0 6px 20px #f9731666;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.App-main{background-color:#121212;background-color:var(--background-main);color:#f0f0f0;color:var(--text-primary);flex:1 1;max-width:100vw;overflow-x:hidden;padding:clamp(1.75rem,4vw,2.5rem);width:100%}.features-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0}.feature-card{background-color:#2a2a2a;background-color:var(--surface-dark);border:1px solid #333;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{border-color:#f97316;box-shadow:0 8px 30px #0006;transform:translateY(-5px)}.feature-card h3{color:#f97316;color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#b0b0b0}.text-to-speech-section{background-color:#2a2a2a;background-color:var(--surface-dark);border:1px solid #333;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #0000004d;margin:2rem 0;padding:2rem}.text-to-speech-section h2{color:#f97316;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;text-align:center}.App-footer{background-color:#1e1e1e;background-color:var(--surface-light);border-top:1px solid #333;border-top:1px solid var(--border-color);color:#b0b0b0;color:var(--text-secondary);margin-top:auto;padding:1.5rem;text-align:center;width:100%}.App-footer p{color:#b0b0b0!important;color:var(--text-secondary)!important}.footer-content{margin:0 auto;max-width:1200px}.footer-links{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.footer-links a{color:#b0b0b0;color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:#f97316;color:var(--primary-color)}.footer-separator{color:#b0b0b0;color:var(--text-secondary);opacity:.5}input,select,textarea{-webkit-appearance:none;background-color:#ffffff0d;border:2px solid #333;border:2px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;color:#f0f0f0;color:var(--text-primary);font-family:inherit;font-size:16px;margin-bottom:1rem;min-height:48px;padding:.875rem 1rem;touch-action:manipulation;transition:all .3s ease;width:100%}input:hover,select:hover,textarea:hover{background-color:#ffffff14;border-color:#f59e0b66}input:focus,select:focus,textarea:focus{background-color:#ffffff14;border-color:#f97316;border-color:var(--primary-color);box-shadow:0 0 0 3px #f9731640;outline:none}.cta-button:focus-visible,.nav-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f97316;outline:3px solid var(--primary-color);outline-offset:2px}.error-message{color:#f44336}.loading{opacity:.7;pointer-events:none}@media (max-width:768px){.App-header{gap:.5rem;padding:calc(.5rem + env(safe-area-inset-top)) .75rem .5rem}.logo-container{gap:.5rem}.logo-container svg{height:32px;width:32px}.logo-text h1{font-size:1.25rem;margin:0}.App-main{padding:clamp(1rem,6vw,1.2rem)}.impersonation-banner{align-items:flex-start;flex-direction:column;margin:0 .75rem .75rem;padding:.75rem}.features-section{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.footer-links{flex-wrap:wrap;font-size:.9rem;gap:.5rem}.footer-separator{display:none}input,select,textarea{-webkit-appearance:none;border-radius:8px;font-size:16px}.modal{margin:1rem;max-height:calc(100vh - 2rem);max-width:100%;min-width:0;min-width:auto;overflow-y:auto;padding:1.5rem;width:calc(100% - 2rem)}.modal h2{font-size:1.5rem;margin-bottom:1.5rem}.modal input{font-size:16px;padding:.8125rem .875rem}.auth-btn{font-size:1rem;padding:.9375rem 1rem}.passwordToggle{font-size:.8125rem;right:.875rem}.cta-button,.nav-button,button{font-size:16px;min-height:48px;min-width:48px;touch-action:manipulation}.cta-button:active,.nav-button:active,button:active{transform:scale(.98);transition-duration:.1s}.cta-button:focus-visible,.nav-button:focus-visible,button:focus-visible{outline:3px solid #f97316;outline:3px solid var(--primary-color);outline-offset:2px}.hero-feature,li,p{font-size:clamp(.9375rem,2.5vw,1rem);line-height:1.65}.cta-button+.cta-button,.nav-button+.nav-button,button+button{margin-left:max(8px,.5rem)}}@media (max-width:480px){body{font-size:14px}.App-header{padding:.5rem .75rem}.logo-container h1{font-size:1.1rem}.App-main{padding:clamp(.7rem,7vw,.85rem)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}}@media (max-width:768px) and (orientation:landscape){.App-header{min-height:50px;padding:.5rem 1rem}}@media (min-width:1440px){.App-main{padding:clamp(2.5rem,5vw,3rem)}.App-main>*{margin-left:auto;margin-right:auto;max-width:1200px}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#2a2a2a;background:var(--surface-dark);border:1px solid #333;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 8px 32px #00000080;max-width:440px;min-width:320px;padding:2rem;position:relative;width:100%}.modal,.modal h2{color:#f0f0f0;color:var(--text-primary)}.modal h2{font-size:1.75rem;font-weight:700;margin:0 0 1.75rem}.close-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.75rem;height:32px;justify-content:center;line-height:1;min-height:0;min-height:auto;padding:.25rem;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s ease;width:32px}.close-btn:hover,.modal input{background:#ffffff0d;color:#f0f0f0;color:var(--text-primary)}.modal input{border:2px solid #333;border:2px solid var(--border-color);border-radius:.625rem;font-size:1rem;margin:.5rem 0;padding:.875rem 1rem;transition:all .2s ease;width:100%}.modal input:focus{border-color:#f97316;border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b33;outline:none}.passwordField{align-items:center;display:flex;position:relative}.passwordField input{padding-right:4rem}.passwordToggle{background:none;border:none;color:#f97316;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:600;min-height:0;min-height:auto;padding:.5rem;position:absolute;right:1rem;transition:opacity .2s ease}.passwordToggle:hover{opacity:.8}.auth-btn{align-items:center;background:#f97316;background:var(--primary-color);border:none;border-radius:.625rem;box-shadow:0 2px 8px #f973164d;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;justify-content:center;margin-top:1rem;min-height:48px;padding:1rem 1.25rem;touch-action:manipulation;transition:all .2s ease;width:100%}.auth-btn:hover:not(:disabled){background:#ea580c;background:var(--primary-hover);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.toggle-auth{color:#b0b0b0;color:var(--text-secondary);font-size:.9375rem;margin-top:1.25rem;text-align:center}.toggle-auth button{background:none;border:none;color:#f97316;color:var(--primary-color);cursor:pointer;font-size:.9375rem;font-weight:600;margin-left:.25rem;min-height:0;min-height:auto;padding:.25rem;transition:opacity .2s ease}.toggle-auth button:hover{opacity:.8;text-decoration:underline}.error-msg{background:#f443361a;border:1px solid #f443364d;border-radius:.5rem;color:#f44336;color:var(--error-color);font-size:.875rem;margin:.75rem 0;padding:.625rem .875rem}.admin-panel{background:#2a2a2a;background:var(--surface-dark);border:1px solid #333;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #0000004d;color:#f0f0f0;color:var(--text-primary);margin:2rem 0;padding:1.5rem}a{color:#f97316;color:var(--primary-color);text-decoration:underline}a:hover{color:#ea580c;color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{color:#f0f0f0;color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600;line-height:1.2;margin-top:0}li,p{color:#b0b0b0;color:var(--text-secondary)}.voice-loading{align-items:center;display:flex;justify-content:center;min-height:40vh}.voice-selector{padding:1rem}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.voice-card{background-color:var(--surface-dark);border:1px solid var(--text-secondary);border-radius:8px;padding:1rem;transition:all .3s ease}.voice-card.selected{background-color:#f59e0b1a}.voice-info h4{color:var(--text-primary);margin:0 0 .5rem}.voice-description{font-size:.9rem}.voice-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background-color:#f59e0b33;border-radius:4px;font-size:.8rem;padding:.25rem .5rem}.preview-button{background-color:var(--primary-color);border:none;border-radius:4px;color:var(--background-dark);cursor:pointer;font-weight:600;padding:.5rem;transition:background-color .3s ease;width:100%}.preview-button:hover{background-color:#e08c00}.preview-button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.voice-loading{color:var(--text-secondary);padding:2rem;text-align:center}.voice-error-message{color:var(--error-color);padding:2rem;text-align:center}.voice-processing-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.voice-processing-container{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid var(--primary-color);border-radius:20px;box-shadow:0 20px 40px #00000080,0 0 20px #f59e0b4d;max-width:500px;padding:2rem;text-align:center;width:90%}.processing-header{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.microphone-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,var(--primary-color),#e08c00);border-radius:50%;box-shadow:0 0 20px #f59e0b66;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.microphone-icon svg{color:#fff;height:30px;width:30px}.processing-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.processing-visualizer{background:#0000004d;border:1px solid #f59e0b33;border-radius:12px;margin:2rem 0;padding:1rem}.processing-canvas{background:#1e1e1e;border-radius:8px;height:120px;width:100%}.processing-dots{display:flex;gap:8px;justify-content:center;margin:1.5rem 0 1rem}.processing-dots .dot{animation:bounce 1.4s ease-in-out infinite both;background:var(--primary-color);border-radius:50%;height:12px;width:12px}.processing-dots .dot:first-child{animation-delay:-.32s}.processing-dots .dot:nth-child(2){animation-delay:-.16s}.processing-subtitle{color:var(--text-secondary);font-size:1rem;margin:0;opacity:.8}@media (max-width:600px){.voice-processing-container{margin:1rem;padding:1.5rem}.processing-header h3{font-size:1.25rem}.microphone-icon{height:50px;width:50px}.microphone-icon svg{height:25px;width:25px}.processing-canvas{height:100px}}@media (prefers-color-scheme:dark){.voice-processing-overlay{background:#000000e6}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-section{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a0f1f 50%,#0f0a1a);display:flex;justify-content:center;margin-bottom:clamp(3.5rem,8vw,5rem);min-height:90vh;overflow:hidden;padding:clamp(3rem,8vw,5.5rem) clamp(1.5rem,6vw,3rem);position:relative}.hero-section:before{background:radial-gradient(circle at 20% 50%,#3b82f61f 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf614 0,#0000 50%),radial-gradient(circle at 40% 20%,#a855f70f 0,#0000 40%)}.hero-section:after,.hero-section:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-section:after{background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#ffffff05 0,#ffffff05 70px),repeating-linear-gradient(-45deg,#0000,#0000 35px,#ffffff03 0,#ffffff03 70px);mix-blend-mode:overlay;opacity:.03}.hero-content{grid-gap:clamp(3rem,6vw,6rem);align-items:center;display:grid;gap:clamp(3rem,6vw,6rem);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-width:1400px;position:relative;width:100%;z-index:1}.hero-text{display:flex;flex-direction:column;gap:32px}.hero-badges{animation:fadeInUp .6s ease-out;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.badge{align-items:center;animation:floatAnimation 4s ease-in-out infinite;animation-delay:calc(var(--badge-index)*.2s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f973161a,#ea580c0d);border:1px solid #f973164d;border-radius:20px;color:#f97316;display:inline-flex;font-size:14px;font-weight:600;gap:6px;min-height:36px;padding:10px 18px;transition:all .3s ease}.badge:first-child{--badge-index:0}.badge:nth-child(2){--badge-index:1}.badge:nth-child(3){--badge-index:2}.badge:hover{background:linear-gradient(135deg,#f9731626,#ea580c14);box-shadow:0 4px 12px #f9731633;transform:translateY(-2px) scale(1.05)}.hero-text h1{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-family:Poppins,-apple-system,sans-serif;font-size:clamp(2.75rem,6vw,4.5rem);letter-spacing:-.04em;line-height:.9;margin:0;text-shadow:0 0 80px #ffffff1a}.hero-subtitle{animation:fadeInUp .8s ease-out .2s both;color:#a0a0a0;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:400;letter-spacing:-.01em;line-height:1.5;margin:0;text-shadow:0 2px 4px #0000004d}.hero-features{animation:fadeInUp .8s ease-out .4s both;gap:clamp(.75rem,2vw,1.25rem);margin:12px 0;padding:0}.hero-feature{color:#d0d0d0;font-size:clamp(.95rem,2vw,1.1rem);font-weight:400;gap:12px;opacity:1;transition:all .3s ease}.hero-feature:hover{color:#fff;transform:translateX(5px)}.hero-trust-text{color:#888;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:500;letter-spacing:.02em;margin-top:12px;text-transform:uppercase}.hero-cta-group{animation:fadeInUp .8s ease-out .6s both;gap:clamp(.75rem,2.5vw,1.25rem);margin-top:16px}.hero-cta-primary{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:12px;box-shadow:0 4px 15px #f9731666,inset 0 1px 0 #ffffff1a;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:700;justify-content:center;letter-spacing:-.01em;min-height:52px;min-width:140px;overflow:hidden;padding:clamp(1rem,3vw,1.25rem) clamp(2rem,5.5vw,2.75rem);position:relative;touch-action:manipulation;transition:all .3s ease}.hero-cta-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hero-cta-primary:hover{box-shadow:0 6px 20px #f9731680,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(1.02)}.hero-cta-primary:hover:before{left:100%}.hero-cta-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:2px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0003;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:700;justify-content:center;letter-spacing:-.01em;min-height:52px;min-width:140px;padding:clamp(1rem,3vw,1.25rem) clamp(2rem,5.5vw,2.75rem);touch-action:manipulation;transition:all .3s ease}.hero-cta-secondary:hover{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.hero-images{align-items:center;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem)}.hero-images-grid{grid-gap:0;animation:slideInRight 1s ease-out .8s both;display:grid;gap:0;grid-template-columns:1fr;max-width:clamp(280px,80vw,520px);width:100%}.hero-image-wrapper{animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:20px;box-shadow:0 20px 40px -10px #00000080,0 0 0 1px #ffffff1a;overflow:visible;transition:none;width:100%}.hero-image-wrapper.primary{grid-column:1}.hero-image-wrapper.secondary{animation-delay:1s;grid-column:1;max-height:none}.hero-demo-img{display:block;height:auto;margin:0 auto;object-fit:contain;width:100%}.powered-by{animation:fadeInScale 1s ease-out 1.2s both;flex-direction:column;gap:16px}.grant-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f97316,#ea580c);-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.elevenlabs-logo{filter:brightness(.9) contrast(1.1);opacity:.7;transition:all .3s ease;width:180px}.elevenlabs-logo:hover{filter:brightness(1.1) contrast(1.2);opacity:1;transform:scale(1.05)}@media (max-width:1200px){.hero-content{gap:clamp(2.5rem,5vw,4.5rem)}.hero-text h1{font-size:56px}}@media (max-width:1024px){.hero-section{min-height:auto;padding:clamp(2.5rem,8vw,4rem) clamp(1.25rem,5vw,2.25rem)}.hero-content{gap:3.5rem;grid-template-columns:1fr;text-align:center}.hero-text{align-items:center}.hero-text h1{font-size:clamp(2.25rem,6.2vw,3rem)}.hero-subtitle{font-size:clamp(1.05rem,2.8vw,1.2rem);max-width:min(540px,90vw)}.hero-features{align-items:center}.hero-cta-group{flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;width:min(100%,360px)}.hero-image-wrapper{max-width:420px}}@media (max-width:640px){.hero-section{margin-bottom:3rem;min-height:auto;padding:clamp(2rem,8vw,2.5rem) 1rem}.hero-content{gap:2.5rem;grid-template-columns:1fr}.hero-text{gap:1.5rem;text-align:center}.hero-text h1{font-size:clamp(1.9rem,8vw,2.3rem);line-height:1.05;margin-bottom:.75rem}.hero-subtitle{font-size:clamp(.95rem,3.5vw,1.05rem);margin-bottom:1rem;max-width:100%}.hero-features{align-items:center;gap:.875rem;margin-bottom:1.5rem}.hero-feature{font-size:clamp(.9rem,3.2vw,1rem);gap:.75rem}.hero-trust-text{font-size:.8rem;margin-top:.75rem}.hero-cta-group{flex-direction:column;gap:.875rem;margin:1.5rem auto 0;max-width:320px;width:100%}.hero-cta-primary,.hero-cta-secondary{font-size:16px;font-weight:700;justify-content:center;min-height:56px;padding:1.125rem 1.75rem;width:100%}.hero-cta-primary:active,.hero-cta-secondary:active{transform:scale(.98);transition-duration:.1s}.hero-images{align-items:center;gap:1.5rem}.hero-images-grid{max-width:clamp(260px,75vw,380px)}.hero-image-wrapper{border-radius:16px;max-width:100%}.powered-by{gap:1rem}.grant-text{font-size:.75rem}.elevenlabs-logo{width:140px}}@media (max-width:480px){.hero-section{margin-bottom:2.5rem;padding:clamp(1.75rem,9vw,2rem) .875rem}.hero-content{gap:2rem}.hero-text h1{font-size:clamp(1.75rem,9vw,2rem);line-height:1.1}.hero-subtitle{font-size:clamp(.9rem,4vw,1rem);line-height:1.6}.hero-features{gap:.75rem}.hero-feature{font-size:.9rem}.hero-cta-primary,.hero-cta-secondary{font-size:.95rem;min-height:48px;padding:.875rem 1.25rem}.hero-images-grid{max-width:clamp(240px,70vw,320px)}.elevenlabs-logo{width:120px}}@media (max-width:768px) and (orientation:landscape){.hero-section{min-height:auto;padding:1.5rem 1rem}.hero-content{gap:2rem}.hero-text h1{font-size:clamp(1.75rem,6vw,2.25rem)}.hero-images-grid{max-width:300px}}.welcome-guide{background:var(--background-main);color:var(--text-primary);margin:0 auto;max-width:1200px;padding:0;width:100%}.welcome-guide h1,.welcome-guide h2,.welcome-guide h3,.welcome-guide h4,.welcome-guide h5,.welcome-guide h6{color:var(--text-primary);font-family:Poppins,Inter,sans-serif}.welcome-guide div,.welcome-guide li,.welcome-guide p,.welcome-guide span{color:var(--text-secondary);font-family:Inter,sans-serif}.trust-badge{align-self:flex-start;background:rgba(var(--primary-color-rgb),.1);border:1px solid rgba(var(--primary-color-rgb),.3);border-radius:2rem;color:#d97706!important;color:var(--primary-hover,#d97706)!important;display:inline-block;font-size:.875rem;font-weight:600;margin:0;padding:.5rem 1rem}.hero-content-wrapper{margin:0 auto;max-width:800px;padding:3rem 2rem;text-align:center}.hero-headline{line-height:1.2;margin-bottom:1rem}.hero-brand{color:var(--primary-color);display:block;font-family:Poppins,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;letter-spacing:-1px;margin-bottom:.25rem}.hero-tagline{color:var(--text-primary);display:block;font-family:Inter,sans-serif;font-size:clamp(1.25rem,3vw,2rem);font-weight:600}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.125rem,2vw,1.375rem);margin:0 0 1.5rem}.hero-social-proof{margin-bottom:2rem}.trust-indicators{gap:2rem}.trust-item{align-items:center;color:var(--text-secondary);display:flex;font-size:clamp(.875rem,1.5vw,1rem);gap:.5rem}.trust-icon{font-size:1.25rem}.hero-cta-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.hero-cta-primary,.hero-cta-secondary{border-radius:.5rem;cursor:pointer;font-family:Inter,sans-serif;font-size:clamp(.95rem,1.5vw,1.125rem);font-weight:600;min-height:48px;padding:1rem 2rem;transition:all .2s;white-space:nowrap}.hero-cta-primary{background:var(--primary-color);border:none;box-shadow:0 4px 14px #3b82f64d;color:var(--text-on-primary)}.hero-cta-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.hero-cta-secondary{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.hero-cta-secondary:hover:not(:disabled){background:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-hover);color:var(--primary-hover)}.hero-cta-secondary:disabled{cursor:not-allowed;opacity:.7}.hero-visual-proof{border-radius:1rem;box-shadow:0 10px 30px #0000004d;margin:2rem auto 0;max-width:600px;overflow:hidden;position:relative}.hero-proof-image{display:block;height:auto;width:100%}.hero-proof-overlay{background:linear-gradient(0deg,#000000e6,#0000);bottom:0;display:flex;justify-content:space-around;left:0;padding:1.5rem;position:absolute;right:0}.proof-stat{color:#fff;text-align:center}.stat-number{font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:.25rem}.stat-label{font-size:clamp(.7rem,1vw,.875rem);opacity:.9}.powered-by{color:var(--text-secondary);font-size:.875rem;justify-content:center;margin-top:2rem}.elevenlabs-link,.powered-by{align-items:center;display:flex;gap:.5rem}.elevenlabs-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:opacity .2s}.elevenlabs-link:hover{opacity:.8}.elevenlabs-logo{height:auto;vertical-align:middle;width:200px}.problem-solution-simple{background:var(--surface-light);border-radius:1rem;margin:2rem 0;padding:3rem 2rem;text-align:center}.problem-solution-simple h2{font-family:Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:2rem}.ps-grid{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.ps-item{flex:1 1;max-width:300px;min-width:200px}.ps-icon{display:block;font-size:3rem;margin-bottom:.5rem}.ps-item h3{color:var(--text-primary);font-size:clamp(1.125rem,2vw,1.5rem);margin-bottom:.5rem}.ps-item p{font-size:clamp(.875rem,1.5vw,1rem);line-height:1.5}.ps-arrow{color:var(--primary-color);font-size:2rem;font-weight:700}.final-cta-simple button.cta-primary-large,.how-it-works-simple button.cta-button{background:linear-gradient(135deg,#f97316,#ea580c)!important;border:none!important;border-radius:14px!important;box-shadow:0 10px 25px -5px #f9731666,inset 0 1px 0 #ffffff1a!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-family:Inter,sans-serif!important;font-size:1.125rem!important;font-weight:600!important;letter-spacing:.02em!important;overflow:hidden!important;padding:1.25rem 3rem!important;position:relative!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.final-cta-simple button.cta-primary-large:hover,.how-it-works-simple button.cta-button:hover{box-shadow:0 15px 35px -5px #f9731680,inset 0 1px 0 #fff3!important;transform:translateY(-3px) scale(1.02)!important}.how-it-works-simple{animation:fadeInUp 1s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172a99,#1e293b66);border:1px solid #ffffff1a;border-radius:24px;margin:4rem auto;max-width:1000px;overflow:hidden;padding:5rem 2rem;position:relative;text-align:center}.how-it-works-simple:before{animation:pulse-slow 8s ease-in-out infinite;background:radial-gradient(circle,#3b82f614 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.how-it-works-simple:after{background-image:repeating-linear-gradient(45deg,#0000,#0000 30px,#ffffff03 0,#ffffff03 60px);border-radius:24px;bottom:0;content:"";left:0;mix-blend-mode:overlay;opacity:.02;pointer-events:none;position:absolute;right:0;top:0}@keyframes pulse-slow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.how-it-works-simple h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:3.5rem;position:relative;z-index:1}.steps-simple{align-items:stretch;flex-wrap:nowrap;margin-bottom:3.5rem;margin-left:auto;margin-right:auto;max-width:800px;z-index:1}.step-simple,.steps-simple{display:flex;gap:1rem;justify-content:center;position:relative}.step-simple{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;flex:1 1;flex-direction:column;min-width:140px;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-simple:before{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .4s ease}.step-simple:hover{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);box-shadow:0 20px 40px -10px #3b82f64d;transform:translateY(-8px) scale(1.02)}.step-simple:hover:before{opacity:1}.step-emoji{animation:float 3s ease-in-out infinite;animation-delay:calc(var(--step-index)*.2s);display:block;filter:saturate(1.3) brightness(1.1);font-size:3.5rem}.step-simple:first-child .step-emoji{--step-index:0}.step-simple:nth-child(3) .step-emoji{--step-index:1}.step-simple:nth-child(5) .step-emoji{--step-index:2}.step-text{color:#f1f5f9;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:600;letter-spacing:.3px;line-height:1.4}.step-arrow{-webkit-text-fill-color:#0000;align-self:center;animation:slide 2s ease-in-out infinite;background:linear-gradient(90deg,#3b82f699,#8b5cf699);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:300}@keyframes slide{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.benefits-grid-simple{margin:2rem 0;padding:3rem 2rem}.benefits-grid-simple h2{font-family:Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:2rem;text-align:center}.benefit-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.benefit-card-simple{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem;text-align:center;transition:transform .2s,box-shadow .2s}.benefit-card-simple:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.benefit-emoji{display:block;font-size:2.5rem;margin-bottom:.75rem}.benefit-card-simple h3{color:var(--text-primary);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:600;margin-bottom:.5rem}.benefit-card-simple p{font-size:clamp(.875rem,1.25vw,1rem);line-height:1.5}.pricing-simple{margin:2rem 0;padding:3rem 1rem;text-align:center}.pricing-simple h2{font-family:Poppins,sans-serif;font-size:1.75rem;margin-bottom:2rem}.price-comparison-simple{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:700px}.price-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;position:relative}.price-card.old-way{opacity:.8}.price-card.new-way{border:2px solid var(--primary-color);transform:scale(1.02)}.price-badge{background:var(--primary-color);border-radius:1rem;color:var(--text-on-primary);font-size:.75rem;font-weight:700;left:50%;padding:.25rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.price-amount{color:var(--primary-color);font-size:2rem;font-weight:800;margin:.5rem 0}.price-period{font-size:.875rem;margin-bottom:1rem}.price-card ul{list-style:none;margin-bottom:1.5rem;padding:0;text-align:left}.price-card li{font-size:.875rem;padding:.5rem 0}.price-cta{background:var(--primary-color);border:none;border-radius:.5rem;color:var(--text-on-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.price-cta:hover{background:var(--primary-hover);transform:translateY(-1px)}.faq-simple{margin:2rem auto;max-width:700px;padding:3rem 1rem}.faq-simple h2{font-family:Poppins,sans-serif;font-size:1.75rem;margin-bottom:2rem;text-align:center}.faq-items{display:flex;flex-direction:column;gap:1rem}.faq-item-simple{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.faq-item-simple summary{color:var(--text-primary);cursor:pointer;font-weight:600;padding:.5rem 0}.faq-item-simple p{font-size:.875rem;line-height:1.6;margin-top:.75rem}.final-cta-simple{animation:fadeInScale 1s ease-out;background:linear-gradient(135deg,#3b82f608,#0000);border-radius:24px;margin:clamp(3rem,7vw,4rem) auto clamp(1.5rem,6vw,2.5rem);max-width:min(640px,100%);padding:clamp(3.25rem,7vw,4rem) clamp(1.25rem,5vw,2rem);position:relative;text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.final-cta-simple h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:2rem}.final-cta-simple p{color:var(--text-secondary);font-size:clamp(1rem,2.2vw,1.2rem);margin-bottom:2rem}.cta-primary-large{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f666,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:clamp(1rem,2.1vw,1.15rem);font-weight:600;overflow:hidden;padding:clamp(1rem,3vw,1.25rem) clamp(2.25rem,6vw,3rem);position:relative;transition:all .3s ease}.cta-primary-large:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-primary-large:hover{box-shadow:0 6px 20px #3b82f680,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(1.02)}.cta-primary-large:hover:before{left:100%}.guarantee-text{color:var(--text-secondary);font-size:.875rem;margin-top:1rem}@media (max-width:1024px){.welcome-guide{padding:0 1.25rem}.how-it-works-section{padding:3.5rem 0 2.5rem}.how-it-works-section h2{font-size:2.25rem}.step-card{padding:2rem}.hero-cta-group{flex-wrap:wrap;gap:1rem}.final-cta-simple{margin:3rem auto 4rem;padding:4rem 1.75rem}.final-cta-simple h2{font-size:clamp(2.1rem,4vw,2.75rem)}.final-cta-simple p{font-size:1rem}}@media (max-width:768px){.hero-brand{font-size:2rem}.hero-tagline{font-size:1.25rem}.hero-subtitle{font-size:1rem}.trust-indicators{gap:1rem}.trust-item{font-size:.75rem}.hero-cta-group{flex-direction:column;margin:0 auto 1rem;max-width:300px;width:100%}.hero-cta-primary,.hero-cta-secondary{width:100%}.ps-grid{flex-direction:column}.ps-arrow{transform:rotate(90deg)}.steps-simple{flex-direction:column}.step-arrow{transform:rotate(90deg)}.benefit-cards,.price-comparison-simple{grid-template-columns:1fr}.price-card.new-way{transform:none}.final-cta-simple h2{font-size:1.5rem}.cta-primary-large{font-size:1rem;padding:.875rem 2rem}}@media (max-width:480px){.hero-brand{font-size:1.75rem}.hero-tagline{font-size:1.125rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.625rem}}.hero-text h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;line-height:1.1;margin:0 0 1rem}.hero-features{background:#0000;flex-direction:column}.hero-feature,.hero-features{display:flex;gap:.75rem;margin:0}.hero-feature{align-items:center;color:var(--text-primary);font-size:1rem}.hero-trust-text{color:var(--text-secondary);font-size:.875rem;margin:0;opacity:1}.hero-images{flex:1 1;max-width:500px;position:relative}.hero-images-collage{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr;position:relative}.play-button-overlay{animation:pulse-button 2s infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,var(--primary-color),#1e40af);border:2px solid #fff3;border-radius:3rem;bottom:50%;box-shadow:0 4px 20px #f59e0b66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;left:50%;padding:1rem 2rem;position:absolute;transform:translate(-50%,50%);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:3}@keyframes pulse-button{0%,to{box-shadow:0 4px 20px #f59e0b66}50%{box-shadow:0 6px 30px #f59e0b99}}.hero-images-collage:hover .play-button-overlay{background:linear-gradient(135deg,#1e40af,#c2410c);box-shadow:0 8px 35px #f59e0b80;transform:translate(-50%,50%) scale(1.08)}.social-proof-bar{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-radius:.75rem;box-shadow:var(--shadow-md);margin:2rem 0 4rem;padding:1rem 2rem}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:0 4px 30px #3b82f666}}.urgency-message{align-items:center;color:var(--text-on-primary);display:flex;font-size:1.05rem;font-weight:500;gap:1rem;justify-content:center;text-align:center}.urgency-icon{animation:flash 1.5s ease-in-out infinite;font-size:1.25rem}@keyframes flash{0%,to{opacity:1}50%{opacity:.6}}.urgency-message strong{font-weight:700}.problem-solution{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.problem,.solution{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;padding:2.5rem}.problem h2,.solution h2{font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.problem h2{color:var(--error-color)}.solution h2{color:var(--success-color)}.problem-list,.solution-list{display:flex;flex-direction:column;gap:1rem}.problem-item,.solution-item{color:var(--text-primary);font-size:1rem;line-height:1.6}.demo-cta{margin-top:2rem;text-align:center}.demo-cta .cta-button,.final-cta-buttons .cta-button,.hero-section .cta-button,.how-it-works-simple .cta-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;box-shadow:0 10px 25px -5px #3b82f666,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:.02em;overflow:hidden;padding:1.125rem 3rem;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.demo-cta .cta-button:before,.how-it-works-simple .cta-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.demo-cta .cta-button:hover,.final-cta-buttons .cta-button:hover,.hero-section .cta-button:hover,.how-it-works-simple .cta-button:hover{box-shadow:0 15px 35px -5px #3b82f680,inset 0 1px 0 #fff3;transform:translateY(-3px) scale(1.02)}.demo-cta .cta-button:hover:before,.how-it-works-simple .cta-button:hover:before{left:100%}.features-benefits{margin-bottom:4rem}.features-grid{grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);padding:2.5rem;transition:all .3s}.feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.feature-icon{color:var(--primary-color);font-size:2.5rem}.feature-card h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600;margin-bottom:.8rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.pricing-comparison{margin-bottom:4rem;text-align:center}.price-comparison-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:3rem auto;max-width:800px}.price-option{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);padding:2.5rem;position:relative}.price-option.other{opacity:.8}.price-option.featured{border:2px solid var(--primary-color);box-shadow:var(--shadow-md);transform:scale(1.05)}.best-value-badge{background:var(--primary-color);border-radius:2rem;color:var(--text-on-primary);font-size:.8rem;font-weight:700;left:50%;letter-spacing:.025em;padding:.4rem 1.25rem;position:absolute;top:-12px;transform:translateX(-50%)}.price{color:var(--primary-color);font-size:2.5rem;font-weight:800;margin:.5rem 0}.price-period{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.comparison-list{list-style:none;margin-bottom:1.5rem;padding:0;text-align:left}.comparison-list li{color:var(--text-primary);font-size:.95rem;padding:.5rem 0}.pricing-cta{background:var(--primary-color);border:none;border-radius:.5rem;box-shadow:var(--shadow-sm);color:var(--text-on-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s;width:100%}.pricing-cta:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.faq-section{margin-bottom:4rem}.faq-grid{grid-template-columns:1fr 1fr}.faq-item{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);padding:2rem;transition:all .3s}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600;margin-bottom:1rem}.faq-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.offer-box{background:#3b82f614;border:2px solid var(--primary-color);border-radius:1rem;box-shadow:var(--shadow-md);margin:2rem auto;max-width:600px;padding:2.5rem;position:relative}.offer-badge{background:var(--primary-color);border-radius:1rem;color:var(--text-on-primary);font-size:.8rem;font-weight:700;left:50%;padding:.3rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.offer-text{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.offer-expires{font-size:1rem}.guarantee,.offer-expires{color:var(--text-secondary)}.guarantee{align-items:center;display:flex;font-size:.95rem;gap:.5rem;justify-content:center;margin-top:1.5rem}@media (max-width:1024px){.hero-content{flex-direction:column;gap:2rem;padding:0 1rem}.hero-text{align-items:center;text-align:center}.hero-images{max-width:100%}.hero-images-collage{gap:.5rem;grid-template-columns:1fr 1fr}.hero-image-wrapper{height:250px}.proof-items{grid-template-columns:repeat(2,1fr)}.problem-solution{gap:2rem;grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.price-comparison-grid{grid-template-columns:1fr}.price-option.featured{margin-top:2rem;transform:none}.faq-grid{grid-template-columns:1fr}}@media (max-width:600px){.hero-section{margin-bottom:2rem;padding:2rem 0}.hero-text h1{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-feature{font-size:.95rem;justify-content:center}.hero-cta-group{align-items:center;flex-direction:column}.hero-cta-primary,.hero-cta-secondary{font-size:1rem;max-width:320px;padding:.875rem 1.5rem;width:100%}.hero-images-collage{gap:1rem;grid-template-columns:1fr}.play-button-overlay{font-size:.85rem;padding:.6rem 1.2rem}.proof-items{gap:1rem}.features-grid,.proof-items{grid-template-columns:1fr}.testimonial-card{padding:1.5rem}section{margin-bottom:2rem}.benefits-section,.faq-section,.features-benefits,.final-cta-section,.how-it-works-section,.pricing-comparison,.pricing-preview-section,.problem-solution,.seo-section,.testimonials-section,.what-is-section{margin-bottom:2.5rem;padding-left:.5rem;padding-right:.5rem}.seo-section p,.what-is-section p{font-size:1.05rem;padding:0 .5rem}.benefits-grid,.steps-grid,.testimonials-grid{gap:1rem}.benefit-card,.faq-item,.price-option,.step-card,.testimonial-card{padding:1.5rem}.price{font-size:2rem}.offer-box{padding:1.5rem}.final-cta-section{padding:3rem 1rem}.final-cta-section h2{font-size:1.8rem}.cta-primary,.final-cta-section p{font-size:1.05rem}.cta-primary{padding:1rem 2rem}}.welcome-guide>section{margin-bottom:2rem}.what-is-section{background:var(--surface-dark);border-radius:1rem;margin-bottom:6rem;padding:4rem 0;text-align:center}.what-is-section h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 2px 10px #f59e0b4d}.what-is-section p{color:var(--text-secondary);font-size:1.3rem;line-height:1.8;margin:0 auto;max-width:800px}.how-it-works-section{padding:clamp(3rem,8vw,4.5rem) 0;text-align:center}.how-it-works-section .hero-cta-group{justify-content:center;margin-top:24px;width:100%}.how-it-works-section h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(2.2rem,5vw,2.75rem);font-weight:600;margin-bottom:3rem}.steps-grid{grid-gap:clamp(1.5rem,4vw,2rem);display:grid;gap:clamp(1.5rem,4vw,2rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1200px}.step-card{border-radius:1rem;padding:2.25rem;position:relative;transition:all .3s}.step-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-number{font-family:Sora,sans-serif;font-size:clamp(1.25rem,3vw,1.5rem);height:clamp(44px,8vw,52px);margin:0 auto 1.5rem;width:clamp(44px,8vw,52px)}.step-card h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(1.1rem,2.3vw,1.45rem);font-weight:600;margin-bottom:1rem}.step-card p{color:var(--text-primary);font-size:clamp(.9rem,1.9vw,1rem);line-height:1.6}@media (prefers-reduced-motion:reduce){.final-cta-simple,.hero-cta-primary,.hero-cta-secondary,.hero-section,.how-it-works-section,.steps-simple .step-emoji{animation:none!important;transition:none!important}}@media (max-width:360px){.App-main{padding:.5rem}.hero-text h1{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.hero-cta-group{max-width:300px}.step-card{padding:1.25rem}.step-card h3{font-size:1.1rem}.step-card p{font-size:.875rem}}@media (max-width:640px){.steps-grid{grid-template-columns:1fr}}.testimonials-section{background:var(--surface-accent);margin:4rem 0;padding:4rem 2rem}.testimonials-section h2{font-size:2.5rem;margin-bottom:3rem}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.testimonial-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);transition:all .3s}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stars{color:#fbbf24;font-size:1.25rem;margin-bottom:1rem}.testimonial-text{color:var(--text-primary);font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;gap:1rem}.testimonial-author img{border-radius:50%;height:48px;object-fit:cover;width:48px}.testimonial-author strong{display:block;font-weight:600}.testimonial-author span{color:var(--text-tertiary);font-size:.875rem}.benefits-section{background:var(--surface-accent);margin:4rem 0;padding:4rem 2rem}.benefits-section h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:3rem;text-align:center}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.benefit-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:all .3s}.benefit-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.benefit-icon{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.benefit-card h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.benefit-card p{color:var(--text-primary);font-size:.9rem;line-height:1.6}.seo-section{background:var(--surface-dark);border-radius:1rem;margin-bottom:6rem;padding:4rem 0;text-align:center}.seo-section h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 2px 10px #f59e0b4d}.seo-section p{color:var(--text-secondary);font-size:1.3rem;line-height:1.8;margin:0 auto;max-width:800px}.pricing-preview-section{margin-bottom:6rem;padding:4rem 0}.pricing-preview-section h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem;text-align:center;text-shadow:0 2px 10px #f59e0b4d}.value-comparison{align-items:center;display:flex;gap:2rem;justify-content:center;margin-bottom:3rem}.comparison-item{background:var(--surface-dark);border-radius:1rem;flex:1 1;max-width:300px;padding:2rem;text-align:center}.comparison-item.highlight{border:2px solid var(--primary-color);transform:scale(1.05)}.comparison-item h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.comparison-price{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.comparison-detail,.vs-divider{color:var(--text-secondary)}.vs-divider{font-size:1.2rem;font-weight:700}.pricing-preview-card{background:var(--surface-dark);border:2px solid var(--primary-color);border-radius:1rem;box-shadow:0 4px 20px #0000004d;color:var(--text-primary);margin:0 auto;max-width:500px;padding:3rem}.savings-badge{background:var(--primary-color);border-radius:2rem;color:#000;display:inline-block;font-size:1rem;font-weight:600;margin:-1rem 0 2rem;padding:.5rem 1rem}.price-tag{align-items:baseline;display:flex;justify-content:center;margin-bottom:2rem}.currency{font-size:2rem;margin-right:.2rem}.amount,.currency{color:var(--primary-color)}.amount{font-size:4rem;font-weight:700}.period{color:var(--text-primary);font-size:1.5rem;margin-left:.5rem;opacity:.7}.pricing-features{list-style:none;margin:0 0 2.5rem;padding:0;text-align:left}.pricing-features li{align-items:center;background:#ffffff05;border-bottom:1px solid #f59e0b33;border-radius:.3rem;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:500;gap:.75rem;margin-bottom:.5rem;padding:1rem 1.5rem}.pricing-features li:last-child{border-bottom:none}.pricing-cta-button{background:var(--primary-color);border:none;border-radius:.5rem;color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1.2rem 3rem;transition:all .3s ease;width:100%}.pricing-cta-button:hover{background:#1e40af;transform:translateY(-2px)}.final-cta-section{background:linear-gradient(135deg,#3b82f608,#3b82f600);border-radius:1rem;margin:4rem auto;max-width:900px;padding:5rem 2rem;text-align:center}.final-cta-section h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:1.5rem}.final-cta-section p{color:var(--text-primary);font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.final-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-primary{border:none;box-shadow:var(--shadow-md);cursor:pointer;font-family:Inter,sans-serif;font-size:1.125rem;padding:1rem 2.5rem}.cta-primary:hover{box-shadow:var(--shadow-lg)}.cta-note{color:var(--text-tertiary);font-size:.875rem;margin-top:1.5rem;text-align:center}.welcome-guide h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;margin-bottom:2rem}.welcome-guide h2{font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin-top:3rem}@media (max-width:768px){.hero-text h1{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.benefits-grid,.features-grid,.testimonials-grid{grid-template-columns:1fr}.benefits-section h2,.final-cta-section h2,.how-it-works-section h2,.pricing-comparison h2,.testimonials-section h2{font-size:2rem}}.welcome-guide h1{color:#60a5fa;font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.welcome-guide h2{color:var(--text-primary);font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 10px #f59e0b4d}.intro{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;text-align:center}.how-to-use,.ready-to-shine,.tips{margin-bottom:3rem}.welcome-guide ul{list-style:none;padding:0}.welcome-guide li{border-radius:8px;margin-bottom:1rem;padding:1rem}.welcome-guide li strong{color:#60a5fa;display:block;margin-bottom:.5rem}.ready-to-shine{border-radius:8px;margin-top:3rem;padding:2rem;text-align:center}.ready-to-shine h2{color:var(--text-primary);text-shadow:0 2px 10px #f59e0b4d}.signature{color:var(--primary-color);font-size:1.2rem;font-style:italic;margin-top:1rem}.payment-methods{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.75rem;margin-top:2rem;padding:1.5rem;text-align:center}.payment-methods-title{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.payment-icons{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.payment-icon{font-size:1.5rem}.payment-text{color:var(--text-primary);font-size:.875rem;font-weight:500}@media (max-width:768px){.powered-by{font-size:.75rem}.elevenlabs-logo{height:auto;width:100px}.payment-icons{gap:1rem}.payment-icon{font-size:1.25rem}.payment-text{font-size:.75rem}.welcome-guide{overflow-x:hidden;padding:0}.hero-section{margin-bottom:2rem;padding:1.5rem 0}.hero-content-wrapper{padding:1rem}.hero-headline{margin-bottom:.75rem}.hero-brand{display:block;font-size:2rem;line-height:1.1;margin-bottom:.25rem}.hero-tagline{display:block;font-size:1rem;line-height:1.3}.hero-subtitle{font-size:.95rem;line-height:1.5;margin-bottom:1rem;padding:0 .5rem}.hero-social-proof{margin-bottom:1.5rem}.trust-indicators{flex-direction:column;font-size:.875rem;gap:.5rem}.trust-item{background:var(--surface-light);border-radius:.5rem;justify-content:center;padding:.5rem 1rem;width:100%}.hero-cta-group{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.hero-cta-primary,.hero-cta-secondary{font-size:1rem;min-height:48px;padding:1rem;width:100%}.hero-visual-proof{border-radius:0;margin:1.5rem -1rem 0}.hero-proof-overlay{gap:.5rem;padding:.75rem}.proof-stat{padding:.5rem}.stat-number{font-size:1.125rem}.stat-label{font-size:.625rem}.powered-by{font-size:.75rem;margin-top:1.5rem;padding-top:1.5rem}.elevenlabs-logo{height:14px;width:auto}.problem-solution-simple{margin-bottom:2rem;padding:1.5rem 1rem}.problem-solution-simple h2{font-size:1.5rem;line-height:1.3;margin-bottom:1.5rem}.ps-grid{flex-direction:column;gap:1rem}.ps-item{padding:1.5rem}.ps-arrow{margin:.5rem 0;transform:rotate(90deg)}.how-it-works-section{margin-bottom:3rem;padding:3rem 1rem 2rem}.how-it-works-section h2{font-size:clamp(1.75rem,6vw,2.25rem);margin-bottom:2rem;text-align:center}.steps-grid{gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.step-card{padding:1.5rem;text-align:center}.step-number{margin:0 auto 1rem}.step-card h3{font-size:1.125rem;margin-bottom:.75rem}.step-card p{font-size:.95rem;line-height:1.6}.benefits-grid-simple{margin-bottom:2rem;padding:1.5rem 1rem}.benefits-grid-simple h2{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.benefit-cards{gap:1rem;grid-template-columns:1fr}.benefit-card-simple{padding:1.5rem;text-align:center}.pricing-simple{margin-bottom:2rem;padding:1.5rem 1rem}.pricing-simple h2{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.price-comparison-simple{flex-direction:column;gap:1.5rem}.price-card{padding:1.5rem;width:100%}.price-card.new-way{order:-1;transform:none}.price-amount{font-size:2rem}.price-cta{font-size:1rem;padding:1rem;width:100%}.faq-simple{margin-bottom:2rem;padding:1.5rem 1rem}.faq-simple h2{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.faq-item-simple{margin-bottom:1rem}.faq-item-simple summary{font-size:.95rem;line-height:1.4;padding:1rem}.faq-item-simple p{font-size:.875rem;line-height:1.5;padding:0 1rem 1rem}.final-cta-simple{margin-bottom:2rem;padding:2rem 1rem}.final-cta-simple h2{font-size:1.75rem;margin-bottom:.75rem;text-align:center}.final-cta-simple p{font-size:1rem;margin-bottom:1.5rem}.cta-primary-large{font-size:1.125rem;padding:1rem;width:100%}.guarantee-text{font-size:.75rem;line-height:1.4}.cta-button,button{min-height:48px;touch-action:manipulation}}@media (max-width:480px){.hero-brand{font-size:1.75rem}.hero-tagline{font-size:.9rem}.hero-subtitle{font-size:.875rem}.stat-number{font-size:1rem}.stat-label{font-size:.5625rem}.benefits-grid-simple h2,.faq-simple h2,.how-it-works-simple h2,.pricing-simple h2,.problem-solution-simple h2{font-size:1.25rem}.price-amount{font-size:1.75rem}.final-cta-simple h2{font-size:1.5rem}}@media (max-width:768px) and (orientation:landscape){.hero-section{padding:1rem 0}.hero-visual-proof{max-height:40vh}.trust-indicators{flex-direction:row;flex-wrap:wrap}.trust-item{flex:1 1;min-width:150px;width:auto}}.pricing-container{background:var(--background-main);margin:0 auto;max-width:1200px;padding:3rem 2rem;text-align:center}.pricing-header{margin-bottom:3rem}.pricing-header h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.pricing-header p{color:var(--text-secondary);font-size:1.125rem;font-weight:400}.progress-steps{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem;position:relative}.progress-steps:before{background:var(--border-color);content:"";height:2px;left:50%;max-width:300px;position:absolute;top:20px;transform:translateX(-50%);width:40%;z-index:0}.step{align-items:center;display:flex;flex-direction:column;gap:.5rem;z-index:1}.step-number{background:var(--background-secondary);border:2px solid var(--border-color);color:var(--text-secondary);font-weight:600;height:40px;transition:all .3s ease;width:40px}.step.active .step-number{background:var(--primary-color);border-color:var(--primary-color);color:#000}.step.complete .step-number{background:#10b981;border-color:#10b981;color:#fff}.step-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.step.active .step-label{color:var(--text-primary);font-weight:600}.signup-prompt,.verify-prompt{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;margin:2rem auto;max-width:500px;padding:2rem}.signup-prompt h3,.verify-prompt h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.signup-prompt p,.verify-prompt p{color:var(--text-secondary);margin-bottom:1.5rem}.primary-button.large{background:var(--primary-color);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 3rem;transition:all .3s ease}.primary-button.large:hover{box-shadow:0 8px 20px #f59e0b4d;transform:translateY(-2px)}.secondary-button{background:#0000;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.secondary-button:hover{background:var(--primary-color);color:#000}.email-address{color:var(--primary-color);font-size:1.125rem;font-weight:600;margin:.5rem 0 1.5rem}.help-text{margin-top:1rem}.help-text a{color:var(--primary-color);text-decoration:none}.help-text a:hover{text-decoration:underline}.sign-in-link{color:var(--text-secondary);font-size:.875rem;margin-top:1rem}.sign-in-link a{color:var(--primary-color);font-weight:600;text-decoration:none}.coupon-section-elegant{margin:0 auto 2rem;max-width:500px}.coupon-input-group{gap:.5rem}.coupon-input-group .coupon-input{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.coupon-input-group .coupon-input:focus{border-color:var(--primary-color);outline:none}.coupon-button{background:var(--primary-color);border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.coupon-button:disabled{cursor:not-allowed;opacity:.5}.coupon-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:600;text-decoration:underline;transition:opacity .3s ease}.coupon-link:hover{opacity:.8}.coupon-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;font-weight:500;margin-top:1rem;padding:.75rem}.pricing-cards.disabled{opacity:.5;pointer-events:none}.limited-time-offer{animation:subtle-pulse 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#059669,#047857);border:2px solid #05966999;border-radius:16px;box-shadow:0 6px 24px #05966966;color:#fff;margin:1.5rem auto 1rem;max-width:600px;overflow:hidden;padding:1.5rem 2rem;position:relative}.limited-time-offer:before{animation:shimmer-green 4s infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer-green{0%{left:-100%}to{left:100%}}@keyframes subtle-pulse{0%{box-shadow:0 6px 24px #05966966;transform:scale(1)}to{box-shadow:0 8px 32px #05966999;transform:scale(1.02)}}.limited-time-content{align-items:center;display:flex;gap:1.25rem;justify-content:center;position:relative;text-align:center;z-index:1}.limited-time-icon{animation:electric-pulse 1.5s ease-in-out infinite alternate;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));font-size:1.8rem}@keyframes electric-pulse{0%{filter:brightness(1) drop-shadow(0 2px 6px rgba(0,0,0,.5));transform:scale(1)}to{filter:brightness(1.4) drop-shadow(0 4px 8px rgba(0,0,0,.7));transform:scale(1.15)}}.limited-time-text{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0006;border:2px solid #ffffff4d;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:.08em;line-height:1.3;padding:1rem 1.5rem;text-shadow:0 3px 10px #000000e6;text-transform:uppercase}.pricing-note{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.5rem;justify-content:center;margin-top:2rem;text-align:center}.pricing-note:before{content:"🔒";font-size:1rem}.email-form-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-form-container{animation:slideUp .3s ease;background:var(--surface-dark);border-radius:1rem;box-shadow:0 20px 40px #00000080;max-width:400px;padding:3rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-form-container h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:.5rem;text-align:center}.email-form-container p{color:var(--text-secondary);margin-bottom:2rem;text-align:center}.email-form-container form{display:flex;flex-direction:column;gap:1.5rem}.email-form-container input[type=email]{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:.5rem;color:var(--text-primary);font-size:1.1rem;padding:1rem;transition:all .3s ease}.email-form-container input[type=email]:focus{background:#ffffff14;border-color:var(--primary-color);outline:none}.email-form-container input[type=email]::placeholder{color:var(--text-secondary);opacity:.6}.email-form-buttons{display:flex;gap:1rem;margin-top:.5rem}.email-form-buttons button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease}.submit-button:hover{background:#1e40af;transform:translateY(-2px)}.cancel-button{border:1px solid var(--text-secondary);color:var(--text-secondary)}.cancel-button:hover{border-color:var(--text-primary);color:var(--text-primary)}.info-message{align-items:center;background:#3b82f614;border:1px solid #3b82f633;color:var(--primary-dark);display:flex;font-weight:500;gap:.75rem;justify-content:center;margin-bottom:2rem;text-align:center}.error-message,.info-message{border-radius:.75rem;margin-left:auto;margin-right:auto;max-width:600px;padding:1rem 1.5rem}.signup-checkout-form{background:var(--surface-dark);border-radius:1rem;box-shadow:0 20px 40px #0000004d;margin:0 auto;max-width:400px;padding:3rem}.signup-checkout-form h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:.5rem;text-align:center}.plan-selected{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;text-align:center}.signup-checkout-form form{display:flex;flex-direction:column;gap:1rem}.form-group input{border:2px solid #ffffff1a;border-radius:.5rem;color:var(--text-primary);padding:1rem;transition:all .3s ease}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}.back-button{border:1px solid var(--text-secondary);font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}.back-button:hover:not(:disabled){background:#ffffff0d;border-color:var(--text-primary);color:var(--text-primary)}.back-button:disabled{cursor:not-allowed;opacity:.5}.signin-prompt{color:var(--text-secondary);margin-top:2rem;text-align:center}.signin-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;margin-left:.5rem;text-decoration:underline}.signin-link:hover{color:#1e40af}.pricing-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.pricing-card{background:var(--surface-light);border:2px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);padding:2.5rem 2rem;position:relative;transition:all .3s ease;width:340px}.pricing-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card.featured{border:2px solid var(--primary-color);box-shadow:var(--shadow-md);transform:scale(1.05)}.pricing-card.featured:hover{box-shadow:var(--shadow-xl);transform:scale(1.05) translateY(-4px)}.best-value{background:var(--primary-color);border-radius:2rem;box-shadow:var(--shadow-sm);color:var(--text-inverse);font-size:.875rem;font-weight:600;left:50%;letter-spacing:.025em;padding:.375rem 1.25rem;position:absolute;top:-14px;transform:translateX(-50%)}.pricing-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.price,.pricing-card h3{color:var(--text-primary);font-family:Poppins,sans-serif}.price{font-size:3.5rem;font-weight:700;line-height:1;margin:1.5rem 0 .5rem}.price span{color:var(--text-secondary);font-size:1.125rem;font-weight:400;margin-left:.25rem}.savings{align-items:center;color:var(--success-color);display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:2rem}.savings:before{content:"💰";font-size:1.125rem}.features{font-size:.95rem;list-style:none;margin:2rem 0;padding:0;text-align:left}.features li{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin:1rem 0;padding-left:2rem;position:relative}.features li:before{color:var(--success-color);content:"✓";font-size:1.125rem;font-weight:700;left:0;position:absolute;top:-1px}.subscribe-button{align-items:center;background:var(--primary-color);border:none;border-radius:.625rem;box-shadow:var(--shadow-sm);box-sizing:border-box;color:var(--text-inverse);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:700;justify-content:center;min-height:52px;overflow:hidden;padding:1.125rem 2rem;position:relative;touch-action:manipulation;transition:all .2s ease;width:100%}.subscribe-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.subscribe-button:active:not(:disabled){transform:translateY(0)}.subscribe-button:disabled{cursor:not-allowed;opacity:.6}.pricing-card.featured .subscribe-button{background:var(--primary-color);box-shadow:0 4px 14px 0 #3b82f659}.pricing-card.featured .subscribe-button:hover:not(:disabled){box-shadow:0 6px 20px 0 #3b82f673}.trust-indicators{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:4rem;padding-top:3rem}.trust-indicator{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;gap:.75rem}.trust-indicator svg{color:var(--primary-color);height:24px;width:24px}@media (max-width:768px){.pricing-container{padding:3rem 1rem}.pricing-container h2{font-size:2rem}.pricing-subtitle{font-size:1.125rem}.limited-time-offer{margin:1rem auto .75rem;padding:1rem 1.5rem}.limited-time-content{flex-direction:column;gap:.75rem}.limited-time-text{font-size:1rem;letter-spacing:.03em;line-height:1.4;padding:.75rem 1rem;text-transform:none}.limited-time-icon{font-size:1.5rem}.pricing-cards{align-items:center;flex-direction:column;gap:2rem}.pricing-card{max-width:400px;padding:2rem 1.5rem;width:100%}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-4px)}.price{font-size:3rem}.trust-indicators{gap:2rem}.trust-indicator{font-size:.875rem}.email-form-container,.signup-checkout-form{padding:2rem;width:95%}}@media (max-width:480px){.pricing-container{padding:2rem .75rem}.pricing-container h2{font-size:1.75rem}.pricing-subtitle{font-size:1rem;margin-bottom:1.5rem}.limited-time-offer{border-radius:12px;margin:.75rem auto .5rem;padding:.75rem 1rem}.limited-time-content{gap:.5rem}.limited-time-text{font-size:.9rem;letter-spacing:.02em;padding:.5rem .75rem}.limited-time-icon{font-size:1.3rem}.pricing-card{padding:1.5rem 1rem}.price{font-size:2.5rem}.features li{font-size:.875rem;margin:.75rem 0}.trust-indicators{flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem}.trust-indicator{font-size:.8rem;justify-content:center}}@media (max-width:360px){.limited-time-text{font-size:.8rem;padding:.4rem .6rem}.limited-time-icon{font-size:1.2rem}.pricing-container h2{font-size:1.5rem}.price{font-size:2.25rem}}.pricing-card{animation:fadeInUp .6s ease-out}.pricing-card:nth-child(2){animation-delay:.1s}.coupon-toggle{display:flex;justify-content:center;margin:1.5rem 0 0}.coupon-toggle-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.95rem;font-weight:600;padding:.25rem .5rem;text-decoration:underline}.coupon-toggle-button:hover{color:var(--primary-hover)}.coupon-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f60d,#ea580c0d);border:1px solid #3b82f61a;border-radius:1rem;margin:2.5rem auto;max-width:500px;padding:1.5rem}.coupon-input-wrapper{gap:1rem;margin-bottom:1.5rem}.coupon-input{-webkit-appearance:none;background:var(--surface-light);border-radius:.75rem;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;font-weight:500;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.coupon-input:focus{background:var(--surface-light);box-shadow:0 0 0 3px #3b82f626,0 4px 12px #00000026;transform:translateY(-1px)}.coupon-input::placeholder{font-weight:400;opacity:.7}.coupon-input:disabled{background:var(--surface-disabled);box-shadow:none;transform:none}.validate-coupon-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),#ea580c);border:none;border-radius:.75rem;box-shadow:0 4px 12px #f973164d;box-sizing:border-box;color:var(--text-inverse);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.025em;min-height:48px;min-width:100px;overflow:hidden;padding:.875rem 1.75rem;position:relative;text-transform:uppercase;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.validate-coupon-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.validate-coupon-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,var(--primary-color));box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.validate-coupon-btn:hover:not(:disabled):before{left:100%}.validate-coupon-btn:active:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(0)}.validate-coupon-btn:disabled{background:var(--surface-disabled);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.validate-coupon-btn:disabled:before{display:none}.coupon-applied{align-items:center;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--success-light-bg),#22c55e1a);border:1px solid var(--success-color);border-radius:.75rem;box-shadow:0 4px 12px #22c55e33;color:var(--success-color);display:flex;font-size:.95rem;font-weight:600;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem}.coupon-icon{font-size:1.25rem}.coupon-description{flex:1 1;font-weight:500}@media (max-width:480px){.coupon-section{margin:1.5rem auto}.coupon-input-wrapper{flex-direction:column}.validate-coupon-btn{width:100%}}*{max-width:100%}*,body,html{box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden;width:100%}@media (max-width:640px){body,html{max-width:100vw;overflow-x:hidden;width:100vw}*,:after,:before{box-sizing:border-box;max-width:100vw}.auth-card,.auth-container,.auth-form-container,.auth-split-container{max-width:100vw!important;overflow-x:hidden!important;width:100%!important}}.auth-container{background:#05060a;box-sizing:border-box;display:flex;max-width:100vw;min-height:100vh;overflow:hidden;padding:clamp(1.5rem,3vw,3.5rem);position:relative;width:100%}.auth-background{display:none}.auth-background:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff1a 0,#0000 50%);content:"";height:150%;left:-25%;position:absolute;top:-25%;width:150%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(1deg)}66%{transform:translate(-20px,20px) rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.auth-background:before,.auth-button-primary,.auth-button-primary:before,.auth-card,.auth-feature,.auth-feature:hover,.auth-tab,.social-login-button{animation:none!important;transform:none!important;transition:none!important}}.auth-split-container{align-items:stretch;box-sizing:border-box;display:flex;gap:clamp(2rem,4vw,3.5rem);justify-content:center;margin:0 auto;max-width:min(1180px,100vw - 2rem);overflow-x:hidden;position:relative;width:100%;z-index:1}.auth-branding{align-items:stretch;color:#fff;display:flex;flex:1.05 1;padding:clamp(1.5rem,2.5vw,3rem)}.auth-hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(140deg,#10121ef2,#121524b8);border:1px solid #ffffff14;border-radius:28px;box-shadow:0 42px 80px -32px #08090cb3;display:flex;flex-direction:column;gap:clamp(1.6rem,2.2vw,2.8rem);overflow:hidden;padding:clamp(1.9rem,3.2vw,3.2rem);position:relative;width:100%}.auth-hero-card:before{background:radial-gradient(circle at 15% 20%,#f9731640,#0000 55%);content:"";inset:0;opacity:.75;pointer-events:none;position:absolute}.auth-hero-card>*{position:relative}.auth-hero-content{display:flex;flex-direction:column;gap:.5rem}.auth-hero-eyebrow{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:#ebeeffb3;display:inline-flex;font-size:.78rem;font-weight:600;letter-spacing:.2em;margin-bottom:.9rem;padding:.35rem .9rem;text-transform:uppercase}.auth-hero-card h1{font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.6rem}.auth-hero-card p{color:#e7ebffcc;font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.7;max-width:480px}.auth-hero-stats{grid-gap:clamp(.75rem,1.4vw,1.25rem);display:grid;gap:clamp(.75rem,1.4vw,1.25rem);grid-template-columns:repeat(3,minmax(0,1fr))}.auth-stat{background:#08090edb;border:1px solid #ffffff0f;border-radius:18px;display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.25rem}.auth-stat-value{font-size:clamp(1.4rem,2.3vw,1.9rem);font-weight:700}.auth-stat-suffix{color:#fff9;font-size:.9rem;font-weight:600;margin-left:.15rem}.auth-stat-label{color:#ffffff8c;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}.auth-benefits{grid-gap:1rem;display:grid;gap:1rem}.auth-benefit{align-items:center;background:#0b0c13e0;border:1px solid #ffffff0f;border-radius:18px;display:flex;gap:1rem;padding:1rem 1.1rem}.auth-benefit-icon{background:#141620e6;border:1px solid #f973164d;border-radius:14px;display:grid;flex-shrink:0;font-size:1.3rem;height:46px;place-items:center;width:46px}.auth-benefit h3{font-size:1.05rem;margin:0}.auth-benefit p{color:#e6ecffa6;font-size:.9rem;margin:.15rem 0 0}.auth-quote{background:linear-gradient(140deg,#ffffff1a,#fff0);border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1.6rem}.auth-quote p{color:#ffffffd1;font-size:1rem;font-style:italic}.auth-quote span{color:#ffffff8c;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase}.auth-form-container{align-items:stretch;display:flex;flex:0.95 1;justify-content:center;padding:clamp(1.5rem,2.5vw,3rem)}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0f18e6;border:1px solid #ffffff12;border-radius:26px;box-shadow:0 35px 80px -24px #030406d9;box-sizing:border-box;max-width:min(420px,100vw - 2rem);overflow:hidden;padding:clamp(2.2rem,3vw,3rem);position:relative;width:100%}.auth-card:before{background:radial-gradient(100% 120% at 0 0,#f973162e,#0000 55%);content:"";inset:0;opacity:.7;pointer-events:none;position:absolute}.auth-card>*{position:relative}.dark-mode .auth-card{background:#1f2937;box-shadow:0 20px 60px #00000080;color:#fff}.auth-form-header{align-items:flex-start;display:flex;flex-direction:column;gap:.85rem;margin-bottom:2.4rem}.auth-card-chip{align-items:center;background:#f973162e;border:1px solid #f973165c;border-radius:999px;color:#fffc;display:inline-flex;font-size:.78rem;font-weight:600;letter-spacing:.2em;padding:.4rem .95rem;text-transform:uppercase}.auth-form-header h2{color:#fff;font-size:clamp(1.7rem,2.8vw,2.2rem);font-weight:700;letter-spacing:-.01em}.dark-mode .auth-form-header h2{color:#fff}.auth-form-header p{color:#d7ddf5bf;font-size:.95rem;line-height:1.6}.dark-mode .auth-form-header p{color:#9ca3af}.auth-tabs{grid-gap:.5rem;background:#07080dd9;border:1px solid #ffffff0f;border-radius:18px;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:2.2rem;padding:.5rem}.dark-mode .auth-tabs{background:#374151}.auth-tab{background:#0000;border:none;border-radius:14px;color:#e1e5f7ad;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:.28rem;padding:.9rem 1rem;text-align:left;transition:all .35s cubic-bezier(.2,.8,.2,1.1)}.auth-tab-label{font-size:.98rem}.auth-tab-caption{color:#ffffff85;font-size:.78rem}.auth-tab.active{background:linear-gradient(140deg,#f97316f2,#f98732d9);box-shadow:0 18px 32px -18px #f9731699;color:#12141bf2}.dark-mode .auth-tab.active{background:#1f2937;box-shadow:0 2px 8px #0000004d}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#ffffffe6;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.dark-mode .form-group label{color:#d1d5db}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dark-mode .form-group input{background:#374151;border-color:#4b5563;color:#fff}.form-group input:focus{background:#ffffff14;border-color:#f97316cc;box-shadow:0 0 0 3px #f9731633}.form-group input::placeholder{color:#ffffff80;font-weight:400}.input-wrapper{grid-column-gap:.5rem;align-items:center;column-gap:.5rem;display:grid;grid-template-columns:2.75rem 1fr}.input-icon{align-items:center;color:#9ca3af;display:flex;font-size:1rem;justify-content:center;line-height:1;pointer-events:none;position:static;transform:none}.input-wrapper input{padding-left:.75rem}.password-strength{background:#e5e7eb;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.password-strength-bar{border-radius:2px;height:100%;transition:all .3s ease}.password-strength-bar.weak{background:#ef4444;width:33%}.password-strength-bar.medium{background:#f59e0b;width:66%}.password-strength-bar.strong{background:#10b981;width:100%}.password-requirements{color:#6b7280;font-size:.75rem;margin-top:.5rem}.requirement{gap:.25rem;margin-top:.25rem}.requirement.met{color:#10b981}.auth-button-primary{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:16px;box-shadow:0 12px 32px #f9731659,0 0 0 1px #f9731633;font-size:1.1rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:1.25rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.auth-button-primary:before{background:linear-gradient(90deg,#0000,#ffffff38,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-button-primary:hover:before{left:100%}.auth-button-primary:hover{box-shadow:0 20px 40px #f9731666,0 0 0 1px #f973164d;transform:translateY(-3px)}.auth-divider{align-items:center;display:flex;gap:1rem;margin:2rem 0}.auth-divider:after,.auth-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.dark-mode .auth-divider:after,.dark-mode .auth-divider:before{background:#4b5563}.auth-divider span{color:#6b7280;font-size:.875rem;font-weight:500}.social-login-buttons{display:flex;gap:1rem}.social-login-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .3s ease}.dark-mode .social-login-button{background:#374151;border-color:#4b5563;color:#fff}.social-login-button:hover{background:#f9fafb;border-color:#667eea}.dark-mode .social-login-button:hover{background:#4b5563}.auth-links{margin-top:1.5rem;text-align:center}.link-button{background:none;border:none;color:#fff;cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s ease}.link-button:hover{text-decoration:underline}.auth-mode-switcher{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem;text-align:center}.dark-mode .auth-mode-switcher{border-color:#4b5563}.auth-mode-switcher p{color:#fff9;font-size:.875rem;margin-bottom:.5rem}.dark-mode .auth-mode-switcher p{color:#9ca3af}.auth-msg-err,.auth-msg-ok{border-radius:8px;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem}.auth-msg-ok{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.dark-mode .auth-msg-ok{background:#064e3b;border-color:#065f46;color:#6ee7b7}.auth-msg-err{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.dark-mode .auth-msg-err{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.auth-trust{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:2rem;justify-content:center;margin-top:2rem;padding-top:2rem}.dark-mode .auth-trust{border-color:#4b5563}.trust-badge{flex-direction:column;gap:.5rem}.trust-badge,.trust-icon{align-items:center;display:flex}.trust-icon{background:#f3f4f6;border-radius:50%;font-size:1rem;height:32px;justify-content:center;width:32px}.dark-mode .trust-icon{background:#374151}.trust-text{color:#6b7280;font-size:.75rem;font-weight:500}#recaptcha-container{display:flex;justify-content:center;margin-top:1rem}.verification-code-input{font-size:1.5rem;font-weight:700;letter-spacing:.5em;text-align:center}@media (max-width:1024px){.auth-split-container{flex-direction:column}.auth-branding{min-height:auto;padding:2rem}.auth-branding h1{font-size:2rem}.auth-features{display:none}}@media (max-width:640px){.auth-background,.auth-branding{display:none}.auth-container{align-items:flex-start;box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:2rem 1rem 1rem}.auth-split-container{box-sizing:border-box;flex-direction:column;gap:1.5rem;max-width:100%;width:100%}.auth-card{border-radius:16px;box-sizing:border-box;margin:0;max-width:min(420px,100vw - 2rem);min-width:0;padding:1.5rem 1.25rem;width:100%}.form-row{gap:1.25rem;grid-template-columns:1fr}.auth-form-header{margin-bottom:1.5rem;text-align:center}.auth-form-header h2{font-size:1.5rem;margin-bottom:.5rem}.auth-form-header p{font-size:1rem}.auth-card-chip{font-size:.75rem;padding:.5rem 1rem}.auth-tabs{margin-bottom:1.5rem;padding:.375rem}.auth-tab{padding:1rem .75rem}.auth-tab,.auth-tab-label{font-size:.9rem}.auth-tab-caption{font-size:.7rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input{border-radius:12px;box-sizing:border-box;font-size:1rem;max-width:100%;min-height:48px;padding:1rem 1.125rem;width:100%}.input-wrapper{box-sizing:border-box;grid-template-columns:1fr;width:100%}.input-wrapper input{box-sizing:border-box;padding-left:1.125rem;width:100%}.input-icon{display:none}.password-strength{height:6px;margin-top:.75rem}.auth-button-primary{border-radius:12px;font-size:1rem;font-weight:700;margin-top:.5rem;min-height:52px;padding:1rem 1.5rem}.social-login-buttons{flex-direction:column;gap:.75rem}.social-login-button{font-size:1rem;min-height:48px;padding:1rem}.auth-links{margin-top:1.5rem;text-align:center}.link-button{font-size:1rem;min-height:44px;padding:.5rem}.auth-mode-switcher{margin-top:1.5rem;padding-top:1.5rem}.auth-mode-switcher p{font-size:.9rem;margin-bottom:.75rem}.auth-trust{display:none}.auth-form-container{box-sizing:border-box;justify-content:flex-start;max-width:100%;overflow-x:hidden;padding:1rem;width:100%}.auth-msg-err,.auth-msg-ok{border-radius:10px;font-size:.9rem;margin-top:1rem;padding:1rem}}@media (max-width:480px){.auth-container{max-width:100vw;overflow-x:hidden;padding:1.5rem .75rem .75rem}.auth-split-container{box-sizing:border-box;max-width:100%;width:100%}.auth-card{box-sizing:border-box;max-width:min(420px,100vw - 2rem);padding:1.25rem 1rem;width:100%}.auth-form-header h2{font-size:1.35rem}.form-group input{padding:.875rem 1rem}.auth-button-primary,.form-group input{box-sizing:border-box;font-size:.95rem;width:100%}.auth-button-primary{padding:.875rem 1.25rem}}@media (max-width:768px) and (orientation:landscape){.auth-container{padding:1rem .5rem .5rem}.auth-card{padding:1rem}.auth-form-header{margin-bottom:1rem}.form-group{margin-bottom:.75rem}}.auth-loading-overlay{align-items:center;background:#ffffffe6;border-radius:24px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.dark-mode .auth-loading-overlay{background:#1f2937e6}.auth-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}@keyframes checkmark{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.success-checkmark{height:80px;margin:2rem auto;width:80px}.success-checkmark svg{height:100%;width:100%}.success-checkmark path{fill:none;stroke:#10b981;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:checkmark .5s ease-out forwards}.voices-page{background:var(--background-main);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}@media (max-width:640px){.voices-page{padding:1rem .5rem}}.voices-header{background:linear-gradient(135deg,#f59e0b14,#f59e0b05);border:1px solid var(--border-color);border-radius:2rem;margin-bottom:4rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.voices-header:before{background:linear-gradient(90deg,var(--primary-color),#1e40af);content:"";height:4px;left:0;position:absolute;right:0;top:0}.voices-header h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1rem}.voices-subtitle{color:var(--text-secondary);font-size:1.3rem;font-weight:400;line-height:1.7;margin:0 auto;max-width:800px}.simple-category-nav{display:flex;gap:2rem;justify-content:center;margin-bottom:4rem;padding:2rem}.category-nav-button{background:var(--surface-light);border:3px solid var(--border-color);border-radius:2rem;box-shadow:0 8px 32px #0000001a;cursor:pointer;min-width:200px;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-nav-button:before{background:linear-gradient(90deg,#0000,#f59e0b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.category-nav-button:hover:before{left:100%}.category-nav-button:hover{border-color:var(--primary-color);box-shadow:0 16px 48px #f59e0b33;transform:translateY(-8px) scale(1.05)}.category-nav-button.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 12px 40px #f59e0b4d;transform:translateY(-4px)}.category-nav-button.active .category-count,.category-nav-button.active .category-icon,.category-nav-button.active .category-label{color:var(--text-inverse)}.category-icon{display:block;font-size:3rem;margin-bottom:1rem}.category-label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:1px;margin-bottom:.5rem}.category-count{color:var(--text-secondary);font-size:.9rem;font-weight:600}.quick-search{margin:0 auto 3rem;max-width:500px;padding:0 2rem}.search-input-simple{background:var(--surface-light);border:2px solid var(--border-color);border-radius:1.5rem;color:var(--text-primary);font-size:1.1rem;padding:1rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.search-input-simple:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b26;outline:none;transform:translateY(-2px)}.search-input-simple::placeholder{color:var(--text-secondary);opacity:.8}.enhanced-filters{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;margin-bottom:3rem;padding:2rem}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;min-width:150px}.filter-group label{color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.filter-select{min-width:150px}.filter-select:focus{transform:translateY(-1px)}.search-group{flex:1 1;max-width:300px;min-width:200px}.search-input-enhanced{background:var(--surface-light);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.search-input-enhanced:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b26;outline:none;transform:translateY(-1px)}.search-input-enhanced::placeholder{color:var(--text-secondary);opacity:.7}.clear-filters-button-inline{background:var(--surface-light);border:2px solid var(--error-color);border-radius:.75rem;color:var(--error-color);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.clear-filters-button-inline:hover{background:var(--error-color);box-shadow:0 6px 20px #ff6b6b4d;color:#fff;transform:translateY(-2px)}.filter-summary{background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:1rem;color:var(--text-primary);font-size:1rem;font-weight:600;padding:1rem;text-align:center}.filter-tag{background:var(--primary-color);border-radius:1rem;color:var(--text-inverse);display:inline-block;font-size:.85rem;font-weight:600;margin-left:1rem;padding:.25rem .75rem}.category-instructions{background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border:2px dashed #f59e0b4d;border-radius:2rem;margin:4rem 0;padding:4rem 2rem;text-align:center}.category-instructions h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.category-instructions p{color:var(--text-secondary);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.filter-section{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;margin-bottom:3rem;padding:2.5rem}.filter-group{margin-bottom:2rem}.filter-label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-button{background:var(--surface-light);border:2px solid var(--border-color);border-radius:2rem;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:1rem;letter-spacing:.5px;padding:.875rem 1.75rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-button:before{background:linear-gradient(90deg,#0000,#f59e0b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.filter-button:hover:before{left:100%}.filter-button:hover{box-shadow:0 8px 25px #f59e0b33}.filter-button.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 20px #f59e0b4d;color:var(--text-inverse)}.advanced-filters{align-items:end;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.filter-dropdown{display:flex;flex-direction:column;min-width:180px}.filter-dropdown label{color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.filter-select{background:var(--surface-light);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b26;outline:none}.clear-filters-button{background:var(--surface-light);border:2px solid var(--error-color);border-radius:.75rem;color:var(--error-color);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.clear-filters-button:hover{background:var(--error-color);box-shadow:0 6px 20px #ff6b6b4d;color:#fff;transform:translateY(-2px)}.results-summary{background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:1rem;margin-bottom:2rem;padding:1rem;text-align:center}.results-summary p{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0}.voices-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));margin-bottom:4rem}.voice-showcase-card{background:var(--surface-light);border:2px solid var(--border-color);border-radius:1.25rem;box-shadow:0 2px 8px #0003;overflow:hidden;padding:1.75rem;position:relative;transition:all .2s ease}.voice-showcase-card:before{background:linear-gradient(90deg,var(--primary-color),#1e40af);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.voice-showcase-card:hover:before{transform:scaleX(1)}.voice-showcase-card:hover{border-color:var(--primary-color);box-shadow:0 20px 60px #f59e0b40,0 0 40px #f59e0b1a;transform:translateY(-12px) scale(1.02)}.voice-avatar{background:linear-gradient(135deg,var(--primary-color),#1e40af);border:3px solid #f59e0b33;box-shadow:0 8px 24px #f59e0b66;color:var(--text-inverse);font-size:1.8rem;font-weight:800;height:72px;margin:0 auto 1.5rem;transition:all .3s ease;width:72px}.voice-showcase-card:hover .voice-avatar{box-shadow:0 12px 32px #f59e0b80;transform:scale(1.1) rotate(10deg)}.voice-initial,.voice-showcase-card h3{font-family:Poppins,sans-serif}.voice-showcase-card h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-align:center}.voice-description{font-size:1rem;font-style:italic;line-height:1.7;margin-bottom:2rem;opacity:.9;text-align:center}.voice-attributes{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.attribute{border:1px solid;border-radius:1.5rem;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.accent-tag{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.age-tag{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.gender-tag{background:#a855f71a;border-color:#a855f74d;color:#a855f7}.attribute:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.voice-use-cases{margin-bottom:2rem;text-align:center}.use-case-label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.use-case-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.use-case-tag{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:1rem;color:var(--primary-color);font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .3s ease}.use-case-tag:hover{background:#f59e0b33;transform:translateY(-1px)}.voice-actions{display:flex;flex-direction:column;gap:.75rem}.preview-voice-button{background:var(--primary-color);border:none;border-radius:.75rem;box-shadow:none;font-family:Inter,sans-serif;font-weight:700;padding:.875rem 1.25rem;transition:background-color .2s ease,transform .1s ease}.preview-voice-button,.try-studio-button{align-items:center;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;width:100%}.try-studio-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:1.5rem;box-shadow:0 4px 16px #8b5cf64d;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.try-studio-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.try-studio-button:hover:before{left:100%}.try-studio-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}.studio-icon{font-size:1.1rem;transition:transform .3s ease}.try-studio-button:hover .studio-icon{transform:scale(1.1)}.preview-voice-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.preview-voice-button:hover:before{left:100%}.preview-voice-button:hover{background:var(--primary-hover);box-shadow:0 12px 32px #f59e0b66;transform:translateY(-3px)}.preview-voice-button:disabled{cursor:not-allowed;opacity:.8;transform:none}.play-icon,.playing-icon{font-size:1.2rem;transition:transform .3s ease}.playing-icon{animation:pulse 1.5s ease-in-out infinite}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:40vh;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:60px;margin:0 auto 2rem;width:60px}.loading-container p{color:var(--text-secondary);font-size:1.2rem;font-weight:600}.error-container{background:var(--surface-light);border:2px dashed var(--error-color);border-radius:2rem;margin:2rem 0;padding:6rem 2rem;text-align:center}.error-message{font-size:1.2rem;font-weight:600;margin-bottom:2rem}.retry-button{background:var(--error-color);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.retry-button:hover{background:#e53e3e;box-shadow:0 8px 25px #ff6b6b4d;transform:translateY(-2px)}.no-voices-message{background:var(--surface-light);border:2px dashed var(--border-color);border-radius:2rem;margin:2rem 0;padding:6rem 2rem}.no-voices-message p{color:var(--text-secondary);font-size:1.3rem;margin-bottom:2rem}@media (max-width:1200px){.voices-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (max-width:768px){.voices-page{min-height:100vh;padding:.5rem}.voices-header{margin-bottom:1.5rem;padding:2rem 1rem;text-align:center}.voices-header h1{font-size:2rem;line-height:1.2;margin-bottom:.5rem}.voices-subtitle{font-size:1rem;line-height:1.4}.simple-category-nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:.75rem;margin-bottom:1.5rem;overflow-x:auto;padding:1rem}.category-nav-button{border-radius:1rem;flex:1 1;min-width:100px;padding:1.25rem .75rem}.category-icon{font-size:2rem;margin-bottom:.25rem}.category-label{font-size:.875rem;font-weight:700}.category-count{font-size:.75rem;margin-top:.25rem}.quick-search{margin-bottom:1.5rem;padding:0 1rem}.search-input-simple{border-radius:.75rem;font-size:1rem;padding:.875rem 1rem;width:100%}.enhanced-filters{margin-bottom:1.5rem;padding:1rem}.filters-row{align-items:stretch;flex-direction:column;gap:1rem}.filter-group{min-width:100%;text-align:center}.filter-select{min-width:100%;width:100%}.search-group{max-width:100%;min-width:100%}.search-input-enhanced{border-radius:.75rem;font-size:1rem;padding:.875rem 1rem;width:100%}.clear-filters-button-inline{font-size:.9375rem;padding:.875rem 1rem;width:100%}.filter-summary{font-size:.9375rem;padding:.75rem 1rem}.filter-tag{font-size:.75rem;margin-left:.5rem;padding:.25rem .625rem}.category-instructions{padding:2rem 1rem;text-align:center}.category-instructions h2{font-size:1.5rem;margin-bottom:.75rem}.category-instructions p{font-size:.9375rem;line-height:1.4}.voices-grid{gap:1rem;grid-template-columns:1fr;padding:0 .5rem}.voice-showcase-card{border-radius:1rem;margin-bottom:.5rem;padding:1.5rem}.voice-avatar{font-size:1.5rem;height:60px;margin-bottom:1rem;width:60px}.voice-showcase-card h3{font-size:1.375rem;margin-bottom:.75rem}.voice-description{font-size:.875rem;line-height:1.5;margin-bottom:1rem}.voice-attributes{gap:.5rem;margin-bottom:1rem}.attribute{font-size:.75rem;padding:.375rem .75rem}.voice-use-cases{margin-bottom:1.25rem}.use-case-label{font-size:.8125rem;margin-bottom:.5rem}.use-case-tag{font-size:.75rem;padding:.25rem .625rem}.voice-actions{gap:.625rem}.preview-voice-button,.try-studio-button{border-radius:.75rem;font-size:.9375rem;min-height:44px;padding:.875rem 1rem}.play-icon,.playing-icon,.studio-icon{font-size:1rem}.error-container,.loading-container{padding:3rem 1.5rem}.loading-spinner{height:48px;margin-bottom:1.5rem;width:48px}.error-message,.loading-container p{font-size:1rem}.retry-button{font-size:.9375rem;padding:.875rem 1.5rem}.no-voices-message{border-radius:1rem;margin:1rem;padding:3rem 1.5rem}.no-voices-message p{font-size:1rem;margin-bottom:1.5rem}.clear-filters-button{font-size:.9375rem;padding:.875rem 1.5rem}}@media (max-width:480px){.voices-header h1{font-size:1.75rem}.voices-subtitle{font-size:.9375rem}.simple-category-nav{gap:.5rem;padding:.75rem}.category-nav-button{min-width:90px;padding:1rem .5rem}.category-icon{font-size:1.75rem}.category-label{font-size:.8125rem}.voice-showcase-card{padding:1.25rem}.voice-avatar{height:50px;width:50px}.voice-avatar,.voice-showcase-card h3{font-size:1.25rem}.voice-description{font-size:.8125rem}.preview-voice-button,.try-studio-button{font-size:.875rem;padding:.75rem}}@media (max-width:768px) and (orientation:landscape){.voices-header{margin-bottom:1rem;padding:1.5rem 1rem}.voices-header h1{font-size:1.75rem}.simple-category-nav{margin-bottom:1rem}.voices-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.voice-showcase-card{padding:1.25rem}.voice-avatar{height:50px;width:50px}.voice-showcase-card h3{font-size:1.25rem}}@media (hover:none) and (pointer:coarse){.category-nav-button,.clear-filters-button,.preview-voice-button,.retry-button,.try-studio-button{min-height:44px}.category-nav-button:active,button:active{opacity:.9;transform:scale(.98)}.simple-category-nav{scroll-snap-type:x mandatory}.category-nav-button{scroll-snap-align:center}}@media (max-width:768px){.category-count,.use-case-label,.voice-description{color:var(--text-secondary);opacity:1}.category-nav-button:focus-visible,button:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}}@media (prefers-contrast:high){.filter-button.active,.voice-showcase-card{border-width:3px}.attribute{border-width:2px}}@media (prefers-reduced-motion:reduce){.attribute,.filter-button,.preview-voice-button,.voice-avatar,.voice-showcase-card{transition:none}.loading-spinner,.playing-icon{animation:none}}.skeleton{overflow:hidden;position:relative}.skeleton:after{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}.skeleton-avatar{background:var(--border-color);border-radius:50%;height:72px;margin:0 auto 1.5rem;width:72px}.skeleton-text{background:var(--border-color);border-radius:4px;height:20px;margin-bottom:.75rem}.skeleton-text.skeleton-title{height:24px;margin:0 auto 1rem;width:60%}.skeleton-text.skeleton-description{height:16px;margin:0 auto .5rem;width:90%}.skeleton-text.skeleton-description.short{width:70%}.skeleton-tag{background:var(--border-color);border-radius:1.5rem;display:inline-block;height:28px;margin-right:.5rem;width:60px}.skeleton-button{background:var(--border-color);border-radius:.75rem;height:44px;width:100%}.skeleton-nav{opacity:.6;pointer-events:none}.skeleton-nav .skeleton-icon{background:var(--border-color);border-radius:50%;height:48px;margin:0 auto 1rem;width:48px}.skeleton-nav .skeleton-text{height:20px;margin:0 auto .5rem;width:80px}.skeleton-nav .skeleton-text.small{height:16px;width:60px}@media (max-width:768px){.voices-header{margin-bottom:2rem;padding:2rem 1rem}.voices-header h1{font-size:2rem}.voices-subtitle{font-size:1.1rem}.simple-category-nav{flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem}.category-nav-button{min-width:100%;padding:1.5rem 1rem}.voices-grid{gap:1.5rem;grid-template-columns:1fr;margin:0 .5rem}.voice-showcase-card{padding:1.25rem}.voice-showcase-header{align-items:flex-start;flex-direction:column;gap:1rem}.voice-details{width:100%}.voice-showcase-stats{justify-content:space-between;width:100%}.stat-item{font-size:.875rem}.voice-tags{flex-wrap:wrap}.voice-tag{font-size:.75rem;padding:.25rem .5rem}.filter-controls{flex-direction:column;gap:1rem;padding:1rem}.filter-group,.filter-group select,.search-wrapper input{width:100%}}body.dark-mode .studio-container,body.dark-mode .studio-main,body.dark-mode .studio-page{background:var(--background-main)}.studio-page{-webkit-tap-highlight-color:transparent;max-width:100vw;touch-action:manipulation}.studio-container,.studio-page{box-sizing:border-box;width:100%}.studio-container{max-width:100%;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}.selected-voice-card,.voice-card,button{transition:all .2s ease}.loading-spinner-inline{animation:spin .8s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;display:inline-block;height:14px;margin-right:8px;width:14px}.studio-container,.studio-page{background:var(--surface-light);margin:0 auto;max-width:1200px;padding:1rem}.read-only-banner{background:#f9731614;border:1px dashed #f9731680;border-radius:.8rem;color:var(--text-primary);font-size:.95rem;margin:0 0 1rem;padding:.85rem 1.1rem}.studio-page{overflow-x:hidden}@media (min-width:768px){.studio-container,.studio-page{padding:2rem}}.studio-header{margin-bottom:1.5rem;text-align:center}@media (min-width:768px){.studio-header{margin-bottom:2.5rem}}.studio-header h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}@media (min-width:768px){.studio-header h1{font-size:2rem}}.studio-header p,.studio-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5;padding:0 1rem}@media (min-width:768px){.studio-header p,.studio-subtitle{font-size:1.05rem;padding:0}}.studio-main{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 8px #0000000f;padding:1.25rem}.studio-main,.studio-main-mobile{box-sizing:border-box;overflow-x:hidden;width:100%}.studio-main-mobile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11182759;border:1px solid #ffffff0f;border-radius:.75rem;box-shadow:0 12px 30px #0f172a59;padding:1rem}@media (min-width:768px){.studio-main{padding:2rem}}.studio-step{margin-bottom:2rem}@media (min-width:768px){.studio-step{margin-bottom:2.5rem}}.step-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}@media (min-width:768px){.step-header{gap:1rem;margin-bottom:1.25rem}}.step-number{background:var(--primary-color);color:var(--text-inverse);flex-shrink:0;font-size:1rem;height:32px;margin-bottom:0;width:32px}@media (min-width:768px){.step-number{font-size:1.25rem;height:40px;width:40px}}.step-header h2{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0}@media (min-width:768px){.step-header h2{font-size:1.1rem}}.character-count-container{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;margin-left:auto}.character-count{color:var(--text-secondary);font-size:.8rem;font-weight:500}.character-warning{animation:pulse 2s infinite;color:#9ca3af;font-size:.75rem;font-weight:600}@media (min-width:768px){.character-count{font-size:.9rem}.character-warning{font-size:.8rem}}.voice-controls-container{background:var(--surface-dark);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}@media (min-width:768px){.voice-controls-container{gap:1.25rem;padding:1.5rem}}.voice-filter-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);width:100%}@media (max-width:360px){.voice-filter-buttons{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.voice-filter-buttons{gap:1rem}}.filter-button{align-items:center;background:#2a2a2a;border:2px solid #404040;border-radius:8px;box-sizing:border-box;color:#e5e5e5;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:48px;min-width:48px;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:center;touch-action:manipulation;transition:all .3s ease}@media (min-width:768px){.filter-button{border-radius:10px;font-size:1rem;padding:1rem 1.25rem}}.filter-button:hover{background:#333;border-color:var(--primary-color);box-shadow:0 4px 12px #f59e0b33;color:var(--primary-color);transform:translateY(-2px)}.filter-button.active{background:linear-gradient(135deg,#333,#262626);border-color:var(--border-hover);box-shadow:none;color:var(--text-primary);font-weight:700;transform:translateY(-1px)}.filter-button.active:before{background:linear-gradient(45deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.voice-search-container{width:100%}.voice-search-input-inline{background:#1a1a1a;border:2px solid #404040;border-radius:10px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.voice-search-input-inline:focus{background:#222;border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b1a;outline:none}.voice-search-input-inline::placeholder{color:#888;font-weight:500}.voice-selection-list-container{background:#1a1a1a;border:2px solid #333;border-radius:12px;box-shadow:inset 0 2px 8px #0000004d;padding:1rem}@media (min-width:768px){.voice-selection-list-container{border-radius:16px;max-height:500px;padding:1.25rem}}.voice-select-button{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:2px solid #404040;border-radius:12px;display:flex;margin-bottom:.75rem;min-height:60px;min-height:80px;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}@media (min-width:768px){.voice-select-button{border-radius:14px;min-height:90px;padding:1.5rem}}.voice-select-button:before{background:linear-gradient(90deg,#0000,#f59e0b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.voice-select-button:hover{background:linear-gradient(135deg,#333,#2a2a2a);box-shadow:0 8px 24px #f59e0b26;transform:translateY(-2px)}.voice-select-button:hover:before{left:100%}.voice-select-button.selected{background:linear-gradient(135deg,#2f2f2f,#1f1f1f);border-color:var(--border-hover);box-shadow:none;transform:translateY(-1px)}.voice-select-button.selected .voice-details-small,.voice-select-button.selected .voice-name-large{color:var(--text-primary);font-weight:700}.voice-info-simplified{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.voice-name-large{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0;text-shadow:0 1px 2px #0000004d}@media (min-width:768px){.voice-name-large{font-size:1.4rem}}.voice-details-small{color:#ccc;font-size:.9rem;font-weight:500;line-height:1.3;opacity:.9}@media (min-width:768px){.voice-details-small{font-size:1rem}}.voice-selected-check{animation:checkmark-bounce .3s ease-out;color:#000;font-size:1.75rem;font-weight:900;margin-left:1rem;text-shadow:0 2px 4px #0000004d}@keyframes checkmark-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.loading-voices{align-items:center;background:linear-gradient(135deg,#171717,#0f0f0f);border:1px solid #262626;border-radius:12px;color:#e0e0e0;display:flex;flex-direction:column;justify-content:center;min-height:40vh;padding:3rem 2rem;text-align:center}.loading-voices .loading-icon{animation:loading-spin 1s linear infinite;color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}@keyframes loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-voices p{font-size:1.1rem;font-weight:600;margin:0}.no-voices-message{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:2px solid #404040;border-radius:12px;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.no-voices-message p{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.clear-filter-button{background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 12px #f59e0b4d;color:#000;cursor:pointer;font-size:.95rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.clear-filter-button:hover{background:var(--primary-hover);box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.selected-voice-details-locked{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid var(--border-color);border-radius:12px;box-shadow:none;color:var(--text-primary);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;overflow:hidden;padding:1.25rem;position:relative}.selected-voice-details-locked:before{background:linear-gradient(45deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:480px){.selected-voice-details-locked{align-items:stretch;flex-direction:column;text-align:center}.voice-filter-buttons{grid-template-columns:repeat(3,1fr)}}.selected-voice-info{flex:1 1;position:relative;z-index:1}.selected-voice-header{align-items:center;display:flex;gap:1rem}@media (max-width:480px){.selected-voice-header{justify-content:center}}.voice-avatar{align-items:center;background:#0003;border:2px solid #0000004d;border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}@media (min-width:768px){.voice-avatar{font-size:1.75rem;height:56px;width:56px}}.selected-voice-details-locked h4{color:var(--text-primary);font-size:1.2rem;font-weight:800;margin:0 0 .25rem;text-shadow:none}@media (min-width:768px){.selected-voice-details-locked h4{font-size:1.3rem}}.selected-voice-details-locked p{color:var(--text-secondary);font-size:.95rem;font-weight:600;margin:0;opacity:.9}@media (min-width:768px){.selected-voice-details-locked p{font-size:1rem}}.change-voice-button{align-items:center;background:#000;border:2px solid #000;border-radius:8px;color:var(--primary-color);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:700;gap:.5rem;min-height:44px;min-width:max-content;overflow:visible;padding:.75rem 1.25rem;position:relative;transition:all .3s ease;white-space:nowrap;z-index:1}@media (min-width:768px){.change-voice-button{font-size:1rem;padding:.875rem 1.5rem}}.change-voice-button:hover{background:#1a1a1a;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}@media (max-width:480px){.change-voice-button{border-radius:999px;height:44px;justify-content:center;margin-top:1rem;padding:0;width:44px}.change-voice-button .change-voice-label{display:none}.change-voice-button .change-voice-icon{font-size:1.1rem}}.voice-selection-list-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}.voice-selection-list-container::-webkit-scrollbar-thumb{border:1px solid #333;border-radius:10px}.script-input{background:#1a1a1a;border:2px solid #404040;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;box-sizing:border-box;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.6;min-height:180px;padding:1.25rem;resize:vertical;transition:all .3s ease;width:100%}@media (min-width:768px){.script-input{font-size:1.05rem;min-height:200px;padding:1.5rem}}.script-input:focus{background:#222;border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b26,inset 0 2px 4px #0000001a;outline:none}.script-input::placeholder{color:#888;font-weight:500}.char-count{font-size:.8rem}@media (min-width:768px){.char-count{font-size:.875rem}}.audio-visualizer{background:#0000004d;border-radius:.5rem;margin:1.5rem 0;padding:1rem}.visualizer-canvas{background:#0a0a0a;border-radius:.5rem;height:80px;width:100%}@media (min-width:768px){.visualizer-canvas{height:100px}}.audio-controls{margin-top:1rem}.audio-progress-bar{-webkit-tap-highlight-color:transparent;border-radius:4px;cursor:pointer;height:8px;margin-bottom:.75rem;overflow:hidden}@media (min-width:768px){.audio-progress-bar{height:6px}}@media (hover:none) and (pointer:coarse){.audio-progress-bar{height:12px;margin-bottom:1rem}.audio-progress-bar:active{transform:scale(.98)}}.audio-progress-fill:after{background:var(--primary-color);border-radius:50%;content:"";height:12px;opacity:0;position:absolute;right:-2px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:12px}@media (hover:hover){.audio-progress-bar:hover .audio-progress-fill:after{opacity:1}}@media (hover:none) and (pointer:coarse){.audio-progress-fill:after{height:16px;opacity:1;right:-8px;width:16px}}@media (min-width:768px){.audio-time{font-size:.85rem}}.generation-controls{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:2px solid #404040;border-radius:16px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem;padding:1.5rem}@media (min-width:768px){.generation-controls{gap:1.25rem;padding:2rem}}.download-button,.generate-button,.play-button,.stop-button{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--primary-color);border:none;border-radius:.75rem;box-shadow:none;color:var(--text-inverse)!important;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;min-width:140px;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:background-color .2s ease,transform .1s ease}@media (min-width:768px){.download-button,.generate-button,.play-button,.stop-button{font-size:1.1rem;min-height:60px;min-width:180px;padding:1.25rem 2.5rem}}.download-button:before,.generate-button:before,.play-button:before,.stop-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.download-button:hover:before,.generate-button:hover:before,.play-button:hover:before,.stop-button:hover:before{left:100%}.error-banner{align-items:flex-start;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;color:#ef4444;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.error-icon{flex-shrink:0;font-size:1.25rem}.error-content{flex:1 1}.error-message{color:#dc2626;font-size:.9rem;line-height:1.5;margin:0 0 .75rem}.error-actions{display:flex;flex-wrap:wrap;gap:.5rem}.error-action-button{align-items:center;background:#ef4444;border:none;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-height:48px;min-width:48px;padding:.75rem 1.25rem;touch-action:manipulation;transition:all .2s ease}.error-action-button:hover{background:#dc2626;transform:translateY(-1px)}.error-action-button.secondary{background:#0000;border:1px solid #ef4444;color:#ef4444}.error-action-button.secondary:hover{background:#ef44441a}@media (max-width:768px){.error-banner{margin-bottom:1rem;padding:.875rem}.error-icon{font-size:1.1rem}.error-message{font-size:.85rem;margin-bottom:.5rem}.error-action-button{font-size:.8rem;padding:.4rem .8rem}}.download-button{background:#0000;border:2px solid var(--primary-color);box-shadow:none;color:var(--primary-color)}.download-button:hover{background:var(--primary-color);box-shadow:0 5px 15px #f59e0b66;color:var(--background-dark);transform:translateY(-2px)}.download-button:disabled{border-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.download-button:disabled,.download-button:disabled:hover{background:#0000;box-shadow:none;color:var(--text-secondary);transform:none}.generate-button:disabled{background:#ffffff1a;box-shadow:none;cursor:not-allowed;opacity:.5}.generate-button:hover:not(:disabled),.play-button:hover,.stop-button:hover{background:var(--primary-hover);box-shadow:0 5px 15px #f59e0b66;transform:translateY(-2px)}.loading-icon{animation:spin 1s linear infinite;display:inline-block;font-size:1rem}@media (min-width:768px){.loading-icon{font-size:1.2rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.download-icon,.generate-icon,.play-icon,.stop-icon{font-size:1.1rem}@media (min-width:768px){.download-icon,.generate-icon,.play-icon,.stop-icon{font-size:1.2rem}}.history-section{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;height:fit-content;margin-top:2rem;padding:1rem}@media (min-width:768px){.history-section{padding:1.5rem}}.history-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}.history-header,.history-header-actions{align-items:center;display:flex;gap:.5rem}.collapse-history-button{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;min-height:48px;min-width:48px;padding:.75rem;touch-action:manipulation;transition:all .2s ease}.collapse-history-button:hover{background:#ffffff1a;color:var(--text-primary)}.collapse-icon{display:inline-block;transition:transform .2s ease}@media (min-width:769px){.collapse-history-button{display:none}}.history-section h2{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}@media (min-width:768px){.history-section h2{font-size:1.3rem}}.refresh-history-button{align-items:center;background:#0000;border:2px solid var(--primary-color);border-radius:.5rem;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;min-width:48px;padding:.75rem 1.25rem;touch-action:manipulation;transition:all .3s ease;white-space:nowrap}@media (min-width:768px){.refresh-history-button{font-size:.95rem;min-height:48px;padding:.75rem 1.5rem}}.refresh-history-button:hover:not(:disabled){background:var(--primary-color);color:var(--text-inverse)}.refresh-history-button:disabled{cursor:not-allowed;opacity:.5}.history-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}@media (min-width:768px){.history-list{max-height:600px}}@media (min-width:1025px){.history-list{max-height:calc(100vh - 8rem)}}.history-item{align-items:flex-start;background:var(--surface-dark);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;flex-direction:column;gap:.3rem;padding:.75rem;transition:all .2s ease}@media (min-width:768px){.history-item{border-radius:.4rem;padding:.6rem .8rem}}.history-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.history-header-row{align-items:center;display:flex;gap:.5rem;width:100%}@media (min-width:768px){.history-header-row{gap:.7rem}}.history-avatar{align-items:center;background:#f59e0b1f;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}@media (min-width:768px){.history-avatar{font-size:1.1rem;height:28px;margin-right:.2rem;width:28px}}.history-voice-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.history-voice-name{color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.history-voice-name{font-size:.95rem}}.history-date{font-size:.75rem;opacity:.8}.history-date,.history-text-preview{color:var(--text-secondary)!important}.history-text-preview{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;line-height:1.3;margin-top:.25rem;overflow:hidden}@media (min-width:768px){.history-text-preview{font-size:.85rem}}.history-actions-row{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem;width:100%}@media (min-width:768px){.history-actions-row{margin-top:.1rem}}.history-actions{display:flex;gap:.4rem}@media (min-width:768px){.history-actions{gap:.3rem}}.history-delete-button,.history-download-button,.history-play-button{align-items:center;border:none;border-radius:.5rem;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;min-width:48px;padding:.75rem 1rem;touch-action:manipulation;transition:all .2s ease}@media (min-width:768px){.history-delete-button,.history-download-button,.history-play-button{font-size:.9rem;min-height:48px;padding:.65rem 1rem}}.history-play-button{background:var(--primary-color);color:var(--text-inverse)}.history-play-button:hover{background:var(--primary-hover)}.history-download-button{background:#0000;border:1px solid var(--primary-color);color:var(--primary-color)}.history-download-button:hover{background:var(--primary-color);color:var(--text-inverse)}.history-delete-button{background:#0000;border:1px solid #ef4444;color:#ef4444}.history-delete-button:hover{background:#ef4444;color:#fff}.history-duration{color:var(--text-primary);font-size:.7rem;margin-left:auto;opacity:.6;white-space:nowrap}@media (min-width:768px){.history-duration{font-size:.75rem;margin-left:.7rem}}.loading-history{color:var(--text-primary);opacity:.6;padding:2rem;text-align:center}.history-list::-webkit-scrollbar{width:6px}@media (min-width:768px){.history-list::-webkit-scrollbar{width:8px}}.history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.history-list::-webkit-scrollbar-thumb{background:#f59e0b80;border-radius:4px}.history-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (min-width:1025px){.studio-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 350px}.history-section{margin-top:0;max-height:calc(100vh - 4rem);overflow-y:auto;position:sticky;top:2rem}}@media (max-width:1024px){.studio-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.history-section{margin-top:2rem}}@media (max-width:768px){.studio-page{background:var(--background-main);padding:.75rem}.studio-container,.studio-page{box-sizing:border-box;overflow-x:hidden;width:100%}.studio-container{padding:0}.studio-header{margin-bottom:.75rem;padding:1.25rem 1rem .5rem;text-align:center}.studio-header h1{font-size:1.55rem;letter-spacing:-.01em}.studio-header p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.studio-step{margin-bottom:1.25rem}.step-header{margin-bottom:.75rem}.step-number{font-size:.95rem;height:30px;width:30px}.step-header h2{font-size:1.1rem;letter-spacing:-.01em}.voice-controls-row{align-items:stretch;flex-direction:column;gap:.75rem}.voice-filter-buttons{gap:.5rem;justify-content:space-between;width:100%}.filter-button{flex:1 1;font-size:.85rem;min-height:44px;padding:.7rem .5rem}.voice-search-input-inline{font-size:.95rem;min-width:0;min-width:auto;padding:.7rem .9rem;width:100%}.selected-voice-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:.75rem;box-shadow:inset 0 1px 0 #ffffff08;padding:.85rem 1rem}.selected-voice-card-title{color:var(--primary-color);font-size:.9rem;letter-spacing:.05em;margin:0 0 .35rem;text-transform:uppercase}.selected-voice-name{font-size:1rem;margin:0}.selected-voice-description{color:#e2e8f0cc;font-size:.85rem;line-height:1.45;margin:0}.selected-voice-empty,.selected-voice-loading{color:var(--text-secondary);font-size:.9rem;margin:0}.change-voice-button{margin-top:1rem!important;padding:.75rem!important;width:100%}.script-input{background:#0f172a8c;border:1px solid #ffffff14;border-radius:.75rem;font-size:.95rem;line-height:1.45;min-height:200px;padding:.8rem}.character-count{font-size:.75rem;margin-top:.35rem}.generation-controls{flex-direction:column;gap:.65rem}.generation-controls-top{margin-top:1rem}.generation-controls-mobile button{border-radius:.75rem;font-size:.95rem;justify-content:center;min-height:48px;width:100%}.current-generation-player{background:#0f172ab3;border:1px solid #ffffff0f;border-radius:.85rem;box-shadow:0 18px 40px #0f172a66;margin-bottom:1.25rem;padding:1rem}.current-generation-player-title{font-size:1.05rem}.current-generation-player-script{font-size:.85rem}.audio-visualizer{margin:.65rem 0}.visualizer-canvas{height:60px;width:100%}.audio-controls{margin-top:.75rem}.audio-time{font-size:.75rem}.history-section{background:#0f172aa6;border:1px solid #ffffff0d;border-radius:.85rem;margin-top:2rem;padding:1rem}.history-header{margin-bottom:.75rem}.history-section h2{font-size:1.1rem}.history-list{max-height:320px;padding:.25rem}.history-item{border-radius:.75rem;padding:.75rem}.history-text-preview{font-size:.8rem;margin:.35rem 0}.history-actions{flex-wrap:wrap;gap:.35rem}.history-actions button{flex:1 1;min-height:40px;min-width:48%}.history-duration{font-size:.72rem}.error-banner{border-radius:.65rem;font-size:.85rem;padding:.75rem}.loading-container{padding:3rem .75rem}.trial-banner{background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:.85rem;color:#fbbf24;font-size:.9rem;margin:.75rem 0 1rem;padding:.85rem 1rem;text-align:center}.mobile-voice-modal-list{max-height:70vh!important;padding:.5rem .35rem!important}.mobile-voice-modal .voice-select-button{margin-bottom:.65rem;padding:.85rem}.mobile-voice-modal .voice-select-description{font-size:.8rem}.download-button,.generate-button,.history-delete-button,.history-download-button,.history-play-button,.play-button,.stop-button,.voice-select-button{min-height:48px;touch-action:manipulation}.voice-select-button:focus-visible,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}}@media (max-width:480px){.studio-header h1{font-size:1.5rem}.step-header h2{font-size:1.125rem}.filter-button{font-size:.8125rem;padding:.625rem .375rem}.voice-select-button strong{font-size:.9375rem}.voice-select-description{font-size:.8125rem}.download-button,.generate-button,.play-button,.stop-button{font-size:.9375rem;padding:.875rem}.history-section h2{font-size:1.125rem}}@media (max-width:768px) and (orientation:landscape){.studio-header{margin-bottom:.5rem;padding:.5rem 1rem}.studio-header h1{font-size:1.5rem}.studio-main{padding:.75rem}.voice-selection-list-container{max-height:200px}.script-input{min-height:150px}.history-list{max-height:250px}}@media (hover:none) and (pointer:coarse){.download-button,.filter-button,.generate-button,.history-delete-button,.history-download-button,.history-play-button,.play-button,.stop-button,.voice-select-button{min-height:48px;touch-action:manipulation}button:active{opacity:.9;transform:scale(.98)}.script-input,.voice-search-input-inline{-webkit-appearance:none;font-size:16px}.mobile-voice-modal{padding-top:env(safe-area-inset-top)}.mobile-voice-modal-panel{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}@media (max-width:768px){.voice-select-button,button,input,textarea{min-height:44px}input,textarea{-webkit-appearance:none;border-radius:8px;font-size:16px}.history-list,.mobile-voice-modal-panel,.voice-selection-list-container{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.mobile-voice-modal{overscroll-behavior:none;padding-top:env(safe-area-inset-top,0)}.mobile-voice-modal-panel{overscroll-behavior-y:contain;padding-bottom:calc(1rem + env(safe-area-inset-bottom, 0px))}.mobile-voice-modal:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;content:"";inset:0;position:fixed;z-index:-1}}.voice-controls-row{gap:15px;margin-bottom:20px}.voice-selection-list-container::-webkit-scrollbar-thumb:hover{background:#60a5fa}.mobile-voice-modal{align-items:stretch;background:#0009;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:3000}.mobile-voice-modal,.mobile-voice-modal-panel{box-sizing:border-box;display:flex;height:100%;width:100%}.mobile-voice-modal-panel{background:#0f1115;background:var(--background-main,#0f1115);border:1px solid #333;border:1px solid var(--border-color,#333);border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;color:var(--text-primary,#fff);flex-direction:column;max-width:640px;overflow:auto;padding:1rem}.mobile-voice-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.mobile-voice-modal-close{align-items:center;background:#0000;border:2px solid #444;border:2px solid var(--border-color,#444);border-radius:.5rem;color:#ddd;color:var(--text-secondary,#ddd);cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;justify-content:center;min-height:48px;min-width:48px;padding:.75rem;touch-action:manipulation;transition:all .2s ease}.mobile-voice-modal-close:hover{background:#ffffff1a;border-color:var(--primary-color);color:var(--primary-color)}.selected-voice-details-locked p{line-height:1.5;margin:0 0 8px}.selected-voice-details-locked p strong{color:#fff;font-size:1.1em}.selected-voice-details-locked p:last-of-type{margin-bottom:0}.change-voice-button{font-weight:500!important;margin-top:15px!important;padding:8px 15px!important}.step-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm);padding:2rem}.step-title{font-size:1.25rem;font-weight:600}.step-title,.voice-selection label{color:var(--text-primary);margin-bottom:.5rem}.voice-selection label{display:block;font-weight:500}.voice-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.voice-card{background:var(--surface-light);border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;padding:1.5rem;transition:all .2s}.voice-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.voice-card.selected{background:#3b82f60d;border-color:var(--primary-color)}.voice-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.voice-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.script-input label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.script-textarea{background:var(--surface-light);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;min-height:300px;padding:1rem;resize:vertical;width:100%}.script-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.char-count,.script-textarea::placeholder{color:var(--text-secondary)}.char-count{font-size:.875rem;margin-top:.5rem;text-align:right}.selected-reader-info{background:var(--surface-light);border:2px solid var(--primary-color);border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.selected-reader-info h3{color:var(--text-primary);margin-bottom:.5rem}.selected-reader-info p{color:var(--text-secondary);margin-bottom:1rem}.current-generation-player{background:var(--surface-dark);border:1px solid var(--border-color);border-radius:8px}.current-generation-player-title{color:var(--primary-color)!important;margin-top:0}.current-generation-player-script{color:var(--text-secondary)!important;font-size:.9em;font-style:italic;margin-bottom:1rem;max-height:60px;overflow-y:auto}.voice-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.voice-selection-list-container{background-color:var(--surface-dark);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:15px}.voice-selection-list-container::-webkit-scrollbar{width:8px}.voice-selection-list-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.voice-selection-list-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.voice-selection-list-container::-webkit-scrollbar-thumb:hover{background:#666}.voice-select-button{background:var(--surface-light);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:block;font-family:inherit;padding:16px;text-align:left;transition:all .2s ease;width:100%}.voice-select-button:hover{background:#f59e0b0d;border-color:var(--primary-color);box-shadow:0 2px 8px #f59e0b26;transform:translateY(-1px)}.voice-select-button.selected{background:#f59e0b1a;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.voice-select-button strong{color:var(--text-primary);display:block;font-size:1.1rem;font-weight:600;margin-bottom:6px}.voice-select-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;word-break:break-word}.voice-select-description em{color:var(--text-secondary);font-style:italic;opacity:.8}.current-generation-player{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:3px solid var(--primary-color);border-radius:16px;box-shadow:0 8px 32px #f59e0b66;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.current-generation-player:before{background:linear-gradient(45deg,#f59e0b0d,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.player-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:1}.player-header h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}@media (min-width:768px){.player-header h3{font-size:1.3rem}}.voice-badge{background:linear-gradient(135deg,#2e2e2e,#1c1c1c);border-radius:20px;box-shadow:none;color:var(--text-primary);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}@media (min-width:768px){.voice-badge{font-size:.9rem;padding:.6rem 1.25rem}}.player-script{background:#0003;border-left:4px solid var(--primary-color);border-radius:8px;color:#ccc;font-size:1rem;font-style:italic;line-height:1.5;margin-bottom:1.25rem;padding:1rem;position:relative;z-index:1}@media (min-width:768px){.player-script{font-size:1.05rem;padding:1.25rem}}.audio-player-container{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.visualizer-canvas-mini{background:#0000004d;border-radius:.5rem;height:60px;width:100%}.audio-progress-container{cursor:pointer;padding:.5rem 0}.audio-progress-bar{background:#ffffff1a;border-radius:5px;height:10px;margin-bottom:.5rem;overflow:visible;position:relative;width:100%}@media (max-width:768px){.audio-progress-bar{height:12px}}.audio-progress-fill{background:var(--primary-color);border-radius:5px;height:100%;position:relative;transition:width .1s ease}.audio-progress-handle{background:var(--primary-color);border-radius:50%;box-shadow:0 2px 8px #0000004d;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease;width:20px}@media (hover:hover){.audio-progress-container:hover .audio-progress-handle{transform:translate(-50%,-50%) scale(1.2)}}.audio-time{color:var(--text-primary);display:flex;font-size:.8rem;justify-content:space-between;margin-top:-.25rem;opacity:.7}.audio-controls-row{display:flex;gap:.75rem;justify-content:center}.audio-control-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:2px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:.5rem;min-height:48px;min-width:48px;padding:.875rem 1.5rem;touch-action:manipulation;transition:all .2s ease}.audio-control-button.primary{background:var(--primary-color);border-color:var(--primary-color);box-shadow:none;color:var(--text-inverse)}.audio-control-button:hover:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.audio-control-button.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 5px 15px #f59e0b66}.audio-control-button:disabled{cursor:not-allowed;opacity:.5}.control-icon{display:inline-block;font-size:1.1rem}.control-icon.loading{animation:spin 1s linear infinite}.control-text{display:inline-block}@media (max-width:480px){.audio-control-button{font-size:.85rem;padding:.625rem 1rem}.control-text{display:none}.control-icon{font-size:1.25rem}}@media (max-width:768px){.history-section{background:var(--surface-light);border-radius:.75rem;border-top:1px solid var(--border-color);bottom:auto;margin-top:1rem;max-height:none;position:relative;transition:none;z-index:1}.history-section.collapsed{max-height:none}.history-header{-webkit-tap-highlight-color:transparent;cursor:pointer;padding-top:.75rem;position:relative}.history-header:before{background:var(--text-secondary);border-radius:2px;content:"";height:4px;left:50%;opacity:.3;position:absolute;top:.25rem;transform:translateX(-50%);width:40px}.history-list{max-height:50vh}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.history-item,.voice-select-button{animation:fadeIn .3s ease forwards}.generate-success{animation:pulse .5s ease}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (max-width:768px){.download-button:before,.generate-button:before,.play-button:before,.stop-button:before,.voice-select-button:before{display:none}.visualizer-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}body,button,input,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.studio-page *{will-change:auto}.history-list,.mobile-voice-modal-panel,.voice-selection-list-container{backface-visibility:hidden;transform:translateZ(0)}.audio-progress-bar{touch-action:none}}.about-container{background:var(--background-main);margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:4rem 2rem 2rem}.about-container h1,.about-container h2,.about-container h3{color:var(--text-primary)}.about-container li,.about-container p,.about-container span{color:var(--text-secondary)}.about-hero{background:var(--background-main);margin-bottom:4rem;padding:2rem 0;text-align:center}.about-hero h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:.75rem}.about-hero p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto;max-width:700px}.stats-grid,.stats-section{background:var(--background-main);margin-bottom:3rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.about-divider{background:var(--border-color);border-radius:2px;height:1px;margin:2.5rem 0;width:100%}.stat-card{align-items:center;background:var(--surface-light);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 3px #00000012;display:flex;flex-direction:column;min-width:0;padding:2rem 1rem 1.5rem;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{font-size:2rem;line-height:1;margin-bottom:.25rem}.stat-number{color:var(--primary-color);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.15rem}.stat-label{color:var(--text-secondary);font-size:.95rem;letter-spacing:.5px;text-transform:uppercase}.story-section{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000000a;margin-bottom:2.5rem;padding:3rem}.story-content h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.story-content p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1.25rem}.story-content p:last-child{margin-bottom:0}.features-highlight{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:2.5rem;padding:3rem}.features-highlight h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;margin-bottom:2.5rem;text-align:center}.features-highlight .features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.features-highlight .feature-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .2s ease}.features-highlight .feature-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.features-highlight .feature-icon{color:var(--primary-color);display:block;font-size:2.5rem;margin-bottom:1rem}.features-highlight .feature-card h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.features-highlight .feature-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.testimonials-section{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000000a;margin-bottom:2.5rem;padding:3rem}.testimonials-section h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;margin-bottom:2.5rem;text-align:center}.testimonials-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.testimonial{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.testimonial p{color:var(--text-secondary);font-size:.9375rem;font-style:italic;line-height:1.6;margin-bottom:1rem}.testimonial-author{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:right}.cta-section{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:2.5rem;padding:3rem 2rem;text-align:center}.cta-section h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin-bottom:.75rem}.cta-section p{color:var(--text-secondary);font-size:1.0625rem;margin-bottom:2rem}.cta-primary{background:var(--primary-color);border-radius:.5rem;box-shadow:0 2px 4px #3b82f633;color:var(--text-inverse);display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .2s}.cta-primary:hover{background:var(--primary-hover);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.cta-secondary{background:#0000;border:2px solid var(--primary-color);border-radius:.5rem;color:var(--primary-color);display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .2s}.cta-secondary:hover{background:#3b82f614;transform:translateY(-1px)}.connect-section{background:var(--surface-light);border-top:1px solid var(--border-color);margin-top:3rem;padding:2rem 0;text-align:center}.connect-section h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1rem}.x-follow-button{align-items:center;background:var(--text-primary);border-radius:2rem;color:var(--background-main);display:inline-flex;font-size:.9375rem;font-weight:500;gap:.625rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s}.x-follow-button:hover{background:var(--primary-color);box-shadow:0 2px 8px #0003;color:var(--text-inverse);transform:translateY(-1px)}.x-icon{fill:currentColor;height:18px;width:18px}.email-link{align-items:center;border:2px solid var(--primary-color);border-radius:2rem;color:var(--primary-color);display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s}.email-link:hover{background:#3b82f614;transform:translateY(-1px)}.email-icon{font-size:1.125rem}.connect-text{color:var(--text-secondary);font-size:.875rem;margin-top:1rem}@media (max-width:1024px){.features-highlight .features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}}@media (max-width:768px){.about-container{padding:2rem 1rem}.about-hero h1{font-size:1.875rem}.about-hero p{font-size:1rem}.stats-grid{gap:1rem}.stat-card{padding:1.25rem .5rem 1rem}.stat-number{font-size:1.875rem}.story-section{padding:2rem 1.5rem}.features-highlight h2,.story-content h2,.testimonials-section h2{font-size:1.5rem}.feature-card{padding:1.5rem}.cta-section{padding:2rem 1.5rem}.cta-section h2{font-size:1.625rem}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:280px;width:100%}.social-links{align-items:center;flex-direction:column;gap:1rem}.email-link,.x-follow-button{justify-content:center;max-width:280px;width:100%}}@media (max-width:600px){.features-highlight .features-grid,.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.25rem .5rem 1rem}}.contact-page{background:var(--background-main);min-height:calc(100vh - 120px);padding:2rem}.contact-container{margin:0 auto;max-width:800px}.contact-page h1,.contact-page h2,.contact-page h3{color:var(--text-primary)}.contact-page label,.contact-page p,.contact-page span{color:var(--text-secondary)}.contact-page h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:.5rem;text-align:center}.contact-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;text-align:center}.success-message{background:#16a34a14;border:1px solid #16a34a33;color:var(--success-color);text-align:center}.error-message,.success-message{font-weight:500;margin-bottom:1.5rem}.error-message{background:#dc262614;border:1px solid #dc262633;color:var(--error-color)}.contact-form{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);margin-bottom:3rem;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.95rem;margin-bottom:.5rem}.form-group input,.form-group textarea{-webkit-text-fill-color:#e0e0e0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:.5rem;color:#e0e0e0;font-family:Inter,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#333;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#888;opacity:1}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.submit-button{background:var(--primary-color);border:none;border-radius:.5rem;box-shadow:var(--shadow-sm);color:var(--text-inverse);cursor:pointer;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-button:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.contact-info{text-align:center}.contact-info h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.8rem;margin-bottom:2rem}.info-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);padding:2rem;transition:all .3s ease}.info-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-card h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.3rem;margin-bottom:.75rem}.info-card p{color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.contact-page{padding:1rem}.contact-page h1{font-size:2rem}.contact-form{padding:1.5rem}.info-cards{gap:1rem;grid-template-columns:1fr}}.privacy-container{margin:0 auto;max-width:800px;padding:2rem}.privacy-content{background-color:var(--surface-color);border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:3rem}.privacy-content h1{color:var(--primary-color);margin-bottom:.5rem}.privacy-content .last-updated{color:var(--text-secondary);font-style:italic;margin-bottom:2rem}.privacy-content section{margin-bottom:2rem}.privacy-content h2{color:var(--text-primary);margin-bottom:1rem;margin-top:2rem}.privacy-content h3{color:var(--text-primary);margin-bottom:.5rem;margin-top:1.5rem}.privacy-content p{line-height:1.6}.privacy-content p,.privacy-content ul{color:var(--text-secondary);margin-bottom:1rem}.privacy-content ul{line-height:1.8;margin-left:2rem}.privacy-content li{margin-bottom:.5rem}@media (max-width:768px){.privacy-container{padding:1rem}.privacy-content{padding:2rem}}.terms-container{margin:0 auto;max-width:800px;padding:2rem}.terms-content{background-color:var(--surface-color);border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:3rem}.terms-content h1{color:var(--primary-color);margin-bottom:.5rem}.terms-content .last-updated{color:var(--text-secondary);font-style:italic;margin-bottom:2rem}.terms-content section{margin-bottom:2rem}.terms-content h2{color:var(--text-primary);margin-bottom:1rem;margin-top:2rem}.terms-content h3{color:var(--text-primary);margin-bottom:.5rem;margin-top:1.5rem}.terms-content p{line-height:1.6}.terms-content p,.terms-content ul{color:var(--text-secondary);margin-bottom:1rem}.terms-content ul{line-height:1.8;margin-left:2rem}.terms-content li{margin-bottom:.5rem}@media (max-width:768px){.terms-container{padding:1rem}.terms-content{padding:2rem}}.mobile-menu-button{align-items:center;background:#121212;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 1px 2px #0000001a;color:#f97316;cursor:pointer;display:none!important;flex-direction:column;gap:5px;height:48px;justify-content:center;min-height:48px;min-width:48px;padding:8px;position:relative;touch-action:manipulation;transition:transform .1s ease;width:48px;z-index:1120}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-button:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.mobile-menu-button span{background-color:currentColor;height:3px;transition:transform .25s ease,opacity .2s ease,background-color .2s ease;width:100%}.mobile-menu-button.open span:first-child{transform:translateY(8px) rotate(45deg)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1090}.mobile-menu-overlay.open{display:block}.mobile-menu{background-color:#0f0f0f;border-left:1px solid #1f1f1f;box-shadow:-2px 0 16px #00000059;height:100%;max-width:360px;overflow-y:auto;padding-top:calc(16px + env(safe-area-inset-top));position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease-out;width:82%;z-index:1110}.mobile-menu.open{transform:translateX(0)}.mobile-nav{display:flex;flex-direction:column}.mobile-nav-item{appearance:none;background:#0000;border:0;border-bottom:1px solid #1f1f1f;color:#eaeaea;cursor:pointer;display:block;font-size:16px;min-height:48px;padding:16px 22px;text-align:left;text-decoration:none;touch-action:manipulation;transition:background-color .2s ease,color .2s ease,transform .1s ease}.mobile-nav-item:hover{background-color:#151515}.mobile-nav-item:active{transform:scale(.98)}.mobile-nav-item:focus-visible{outline:3px solid var(--primary-color);outline-offset:-3px}.mobile-nav-item.active{background-color:#1a1a1a;color:#fff}.mobile-nav-item.admin{color:var(--primary-color);font-weight:600}.mobile-submenu{background:#121212;border-top:1px dashed #262626}.mobile-submenu .mobile-nav-item{padding-left:32px}.mobile-menu-footer{display:flex;flex-direction:column;gap:12px;padding:16px 20px calc(16px + env(safe-area-inset-bottom))}.mobile-user-info{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:8px}.admin-badge{background:var(--primary-color);border-radius:999px;color:var(--text-inverse);font-size:12px;padding:2px 8px}.mobile-cta,.mobile-sign-in,.mobile-sign-out{border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;padding:.75rem 1rem;touch-action:manipulation;transition:all .2s ease;width:100%}.mobile-sign-in{background:#0000;color:var(--primary-color)}.mobile-cta,.mobile-sign-in{border:1px solid var(--primary-color)}.mobile-cta{background:var(--primary-color);color:var(--text-inverse)}.mobile-sign-out{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.mobile-sign-in:hover{background:rgba(var(--primary-color-rgb),.1)}.mobile-sign-in:active{transform:scale(.98)}.mobile-sign-in:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.mobile-cta:hover{background:var(--primary-hover)}.mobile-cta:active{transform:scale(.98)}.mobile-cta:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.mobile-sign-out:hover{background:#ffffff0a}.mobile-sign-out:active{transform:scale(.98)}.mobile-sign-out:focus-visible{outline:3px solid var(--border-color);outline-offset:2px}@media (max-width:1024px){.mobile-menu-button{display:flex!important}.mobile-menu-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.script-manager{margin:0 auto;max-width:1200px;padding:2rem}.script-manager h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:2rem;text-align:center}.script-form{background:var(--surface-dark);border-radius:1rem;box-shadow:0 4px 20px #0000004d;margin-bottom:3rem;padding:2rem}.script-form h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.script-form input[type=text],.script-form textarea{background:#ffffff0d;border:2px solid #f59e0b4d;border-radius:.5rem;color:var(--text-primary);font-size:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease;width:100%}.script-form input[type=text]:focus,.script-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b33;outline:none}.tags-input{margin-bottom:1rem}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.tag{align-items:center;background:#f59e0b33;border-radius:1rem;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.25rem .75rem}.tag,.tag button{color:var(--primary-color)}.tag button{background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;opacity:.7;padding:0;transition:opacity .2s}.tag button:hover{opacity:1}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.cancel-button,.save-button{background:var(--primary-color);border:none;border-radius:.5rem;box-shadow:0 2px 8px #f59e0b4d;color:var(--background-dark);cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.cancel-button{border:2px solid var(--text-secondary);box-shadow:none;color:var(--text-primary)}.save-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 5px 15px #f59e0b66;transform:translateY(-2px)}.cancel-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.save-button:disabled{cursor:not-allowed;opacity:.5}.scripts-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.search-input{background:#ffffff0d;border:2px solid #f59e0b4d;border-radius:.5rem;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b33;outline:none}.archive-toggle{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;gap:.5rem}.archive-toggle input[type=checkbox]{margin:0;width:auto}.scripts-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.no-scripts{color:var(--text-primary);font-size:1.1rem;grid-column:1/-1;opacity:.6;padding:3rem;text-align:center}.script-card{background:var(--surface-dark);border:1px solid #f59e0b33;border-radius:1rem;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.script-card:hover{border-color:var(--primary-color);box-shadow:0 5px 20px #f59e0b33;transform:translateY(-2px)}.script-card.archived{border-style:dashed;opacity:.7}.script-card h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:.5rem}.script-meta{color:var(--text-primary);display:flex;font-size:.85rem;justify-content:space-between;opacity:.6}.script-meta,.script-tags{margin-bottom:1rem}.script-preview{color:var(--text-primary);flex:1 1;line-height:1.6;margin-bottom:1.5rem;opacity:.8}.script-actions{display:flex;gap:.5rem;margin-top:auto}.archive-button,.delete-button,.edit-button{background:#f59e0b33;border:1px solid var(--primary-color);border-radius:.4rem;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.archive-button{background:#0000;border-color:#f59e0b80;color:var(--text-primary);opacity:.8}.delete-button{background:#0000;border-color:#ff6b6b80;color:#ff6b6bcc}.edit-button:hover{background:var(--primary-color);color:var(--background-dark)}.archive-button:hover{border-color:var(--primary-color);color:var(--primary-color);opacity:1}.delete-button:hover{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.error-message{background:#ff6b6b33;border:1px solid #ff6b6b66;color:#ff6b6b;margin:1rem 0;text-align:center}.loading{color:var(--text-primary);font-size:1.2rem;opacity:.6;padding:3rem;text-align:center}@media (max-width:768px){.scripts-list{grid-template-columns:1fr}.scripts-controls{align-items:stretch;flex-direction:column}.script-actions{flex-wrap:wrap}}.password-strength-indicator{margin-bottom:12px;margin-top:8px}.strength-bar-container{background-color:#e0e0e0;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden;width:100%}.strength-bar-fill{border-radius:3px;height:100%;transition:all .3s ease}.strength-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.password-requirements{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;margin-top:8px;padding:12px}.requirement{align-items:center;display:flex;margin:6px 0;transition:all .2s ease}.requirement-icon{align-items:center;display:inline-flex;font-size:14px;height:20px;justify-content:center;margin-right:8px;width:20px}.requirement.met .requirement-icon{color:#0c0}.requirement.unmet .requirement-icon{color:#ccc}.requirement.met .requirement-text{color:#333;opacity:.7;text-decoration:line-through}.requirement.unmet .requirement-text{color:#666}input.valid{background-color:#f0fff0;border-color:#0c0!important}input.invalid{background-color:#fff5f5;border-color:#f60!important}.error-text{color:red;display:block;font-size:12px;margin-top:4px}.verification-badge{border-radius:12px;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px}.verification-badge.unverified{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.verification-badge.verified{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.verification-prompt{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:12px;padding:12px}.verification-prompt p{color:#856404;font-size:14px;margin:0 0 12px}.verification-prompt button{background-color:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.verification-prompt button:hover{background-color:#e0a800}.auth-form .form-group{position:relative}.auth-form input[type=password]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.auth-success-message{animation:fadeInUp .5s ease}.mfa-setup{background-color:#e3f2fd;border:1px solid #90caf9;border-radius:8px;margin-top:16px;padding:16px}.mfa-setup h3{color:#1565c0;font-size:16px;margin-bottom:12px;margin-top:0}.mfa-setup p{color:#0d47a1;font-size:14px;margin-bottom:12px}.mfa-badge{background-color:#1976d2;border-radius:16px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.mfa-badge.recommended{background-color:#ff6f00}.auth-card{background:var(--surface-dark);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:400px;padding:2rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1,.auth-header h2{color:var(--text-primary);font-family:Poppins,sans-serif;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input{-webkit-text-fill-color:#e0e0e0;appearance:none;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e0e0e0;font-size:16px;min-height:48px;padding:.75rem 1rem;touch-action:manipulation;transition:all .2s ease}.form-group input:focus{background:#333;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.form-group input::placeholder{color:#888;opacity:1}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#e0e0e0!important;box-shadow:inset 0 0 0 1000px #2a2a2a!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.auth-msg-err{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:.9rem;padding:.75rem 1rem;text-align:center}.auth-success-message{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e;margin:1rem 0;padding:1rem;text-align:center}.auth-success-message p{margin:.5rem 0}.auth-button-primary{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;min-height:48px;min-width:120px;padding:.75rem 1.5rem;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .2s ease}.auth-button-primary:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.auth-button-primary:active:not(:disabled){transform:scale(.98)}.auth-button-primary:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.auth-button-primary:disabled{cursor:not-allowed;opacity:.6}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:var(--text-secondary);margin-bottom:.5rem}.link-accent{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;font-weight:500;text-decoration:none;transition:color .2s ease}.link-accent:hover{color:#1e40af;text-decoration:underline}.text-sm{font-size:.875rem}@media (max-width:640px){.auth-card{margin:1rem;padding:1.5rem}}.account-settings{background:var(--surface-dark);border-radius:1rem;box-shadow:var(--shadow-lg);margin:2rem auto;max-width:800px;padding:2rem}.settings-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.settings-header h1{color:var(--text-primary);font-size:2rem;margin:0}.back-button{background:#0000;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;font-size:16px;min-height:48px;min-width:48px;padding:.5rem 1rem;touch-action:manipulation;transition:all .2s}.back-button:hover{background:var(--surface-light);border-color:var(--primary-color);color:var(--primary-color)}.back-button:active{transform:scale(.98)}.back-button:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.settings-section{margin-bottom:2.5rem}.settings-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.settings-accordion .accordion-header{align-items:center;background:var(--surface-light);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;min-height:48px;padding:.75rem 1rem;touch-action:manipulation;width:100%}.settings-accordion .accordion-title{font-size:1.125rem}.settings-accordion .accordion-chevron{transition:transform .2s ease}.settings-accordion .accordion-chevron.open{transform:rotate(180deg)}.settings-accordion .accordion-content{margin-top:.75rem}.info-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.info-row .label{color:var(--text-secondary);font-weight:600}.info-row .value{color:var(--text-primary);font-family:monospace;font-size:.9rem}.auth-methods{display:flex;flex-direction:column;gap:1rem}.auth-method{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.75rem;display:flex;gap:1rem;padding:1.5rem}.method-icon{align-items:center;display:flex;font-size:2rem}.method-info{flex:1 1}.method-info h3{color:var(--text-primary);font-size:1.125rem;margin:0 0 .25rem}.method-info p{color:var(--text-secondary);font-size:.875rem;margin:0 0 .75rem}.status{border-radius:1rem;display:inline-block;font-size:.8rem;font-weight:600;margin-right:1rem;padding:.25rem .75rem}.status.active{background:#22c55e1a;color:#22c55e}.status.inactive{background:#ef44441a;color:#ef4444}.settings-button{background:#0000;border:1px solid var(--primary-color);border-radius:.5rem;color:var(--primary-color);cursor:pointer;font-size:16px;font-weight:500;min-height:48px;min-width:100px;padding:.5rem 1rem;touch-action:manipulation;transition:all .2s}.settings-button:hover{background:var(--primary-color);color:var(--text-on-primary)}.settings-button:active:not(:disabled){transform:scale(.98)}.settings-button:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.settings-button.primary{background:var(--primary-color);color:var(--text-on-primary)}.settings-button.primary:hover{background:var(--primary-hover)}.settings-button:disabled{cursor:not-allowed;opacity:.5}.info-box{background:rgba(var(--primary-color-rgb),.1);border:1px solid rgba(var(--primary-color-rgb),.3);border-radius:.5rem;margin-top:1rem;padding:1rem}.info-box p{color:var(--text-primary);font-size:.875rem;margin:0}.help-text{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.success-message{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:.5rem;color:#22c55e;margin-top:1rem;padding:1rem}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;margin-top:1rem;padding:1rem}@media (max-width:768px){.account-settings{margin:1rem;padding:1.5rem}.settings-header{align-items:flex-start;flex-direction:column;gap:1rem}.settings-header h1{font-size:1.5rem}.back-button{width:100%}.info-row{flex-direction:column;gap:.25rem}.auth-method{flex-direction:column;text-align:center}.method-info{align-items:center;display:flex;flex-direction:column}.settings-button{margin-top:.5rem;width:100%}}.coupon-redemption{background-color:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.coupon-redemption h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.coupon-input-wrapper{align-items:center;display:flex;gap:.75rem}.coupon-input{appearance:none;background-color:var(--background-main);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:16px;min-height:48px;padding:.75rem 1rem;touch-action:manipulation;transition:border-color .2s ease}.coupon-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.coupon-input:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.coupon-input::placeholder{color:var(--text-secondary)}.coupon-input:disabled{cursor:not-allowed;opacity:.6}.upgrade-prompt{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.upgrade-prompt p{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}@media (max-width:480px){.coupon-input-wrapper{flex-direction:column}.coupon-input{width:100%}}.not-found-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.not-found-content{animation:fadeInUp .6s ease;background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:500px;padding:3rem;text-align:center}.not-found-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem}.not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:6rem;font-weight:700;line-height:1;margin:0}.not-found-subtitle{color:#666;font-size:1.8rem;font-weight:600;margin:.5rem 0 1rem}.not-found-message{color:#777;font-size:1.1rem;line-height:1.6;margin:1.5rem 0 2rem}.not-found-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.not-found-button{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.not-found-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.not-found-button.primary:hover{box-shadow:0 10px 20px #667eea66;transform:translateY(-2px)}.not-found-button.secondary{background:#0000;border:2px solid #667eea;color:#667eea}.not-found-button.secondary:hover{background:#667eea;color:#fff}.not-found-suggestions{border-top:1px solid #e0e0e0;margin-top:3rem;padding-top:2rem}.not-found-suggestions p{color:#666;font-weight:600;margin-bottom:1rem}.not-found-suggestions ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style:none;padding:0}.not-found-suggestions li{display:inline-block}.not-found-suggestions a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.not-found-suggestions a:hover{color:#764ba2;text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (prefers-color-scheme:dark){.not-found-content{background:#1e1e1ef2}.not-found-title{color:#fff}.not-found-subtitle{color:#ccc}.not-found-message{color:#aaa}.not-found-suggestions p{color:#ccc}.not-found-suggestions a{color:#9ca3ff}.not-found-suggestions a:hover{color:#b794f4}}@media (max-width:640px){.not-found-content{padding:2rem}.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.5rem}.not-found-actions{flex-direction:column}.not-found-button{width:100%}}.trial-landing{background:#fff;min-height:100vh}.trial-hero{align-items:center;background:linear-gradient(135deg,#fff5eb,#fee2cc);display:flex;justify-content:center;min-height:600px;padding:4rem 2rem}.hero-content{margin:0 auto;max-width:600px;text-align:center}.trial-hero h1{color:#1a1a1a;font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{color:#4b5563;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.coupon-input-card,.coupon-valid-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;margin:2rem 0;padding:2rem}.success-icon{font-size:3rem;margin-bottom:1rem}.coupon-valid-card h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:.5rem}.coupon-details{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.coupon-code-display{background:#f3f4f6;border-radius:.5rem;color:#3b82f6;font-family:monospace;font-size:1.25rem;font-weight:600;padding:.5rem 1rem}.valid-badge{background:#10b981;border-radius:1rem;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.coupon-input-group{display:flex;gap:1rem;margin:1rem auto;max-width:400px}.coupon-input-group input{border:2px solid #e5e7eb;border-radius:.5rem;flex:1 1;font-family:monospace;font-size:1rem;padding:.75rem 1rem;text-transform:uppercase}.coupon-input-group input:focus{border-color:#3b82f6;outline:none}.coupon-input-group input.error{border-color:#ef4444}.validate-button{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s}.validate-button:hover:not(:disabled){background:#2563eb}.validate-button:disabled{background:#9ca3af;cursor:not-allowed}.error-message{align-items:center;color:#ef4444;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:.5rem}.cta-button{border-radius:.5rem;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .2s}.cta-button.primary{background:#3b82f6;color:#fff}.cta-button.primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.cta-button.large{font-size:1.125rem;padding:1.25rem 2.5rem}.no-coupon-text{color:#6b7280;margin-top:1rem}.no-coupon-text a{color:#3b82f6;font-weight:500;text-decoration:none}.no-coupon-text a:hover{text-decoration:underline}.trial-features{background:#f9fafb;padding:4rem 2rem}.container{margin:0 auto;max-width:1200px}.trial-features h2{color:#1a1a1a;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem;text-align:center;transition:transform .2s}.feature-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1a1a1a;font-size:1.25rem;margin-bottom:.5rem}.feature-card p{color:#6b7280;line-height:1.5}.how-it-works{background:#fff;padding:4rem 2rem}.how-it-works h2{color:#1a1a1a;font-size:2.5rem;margin-bottom:3rem;text-align:center}.steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.step{position:relative;text-align:center}.step-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.step h3{color:#1a1a1a;font-size:1.25rem;margin-bottom:.5rem}.step p{color:#6b7280;line-height:1.5}.testimonials{background:#f9fafb;padding:4rem 2rem}.testimonials h2{color:#1a1a1a;font-size:2.5rem;margin-bottom:3rem;text-align:center}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.quote{color:#374151;font-size:1.125rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.author{display:flex;flex-direction:column;gap:.25rem}.author strong{color:#1a1a1a;font-weight:600}.author span{color:#6b7280;font-size:.875rem}.trial-faq{background:#fff;padding:4rem 2rem}.trial-faq h2{color:#1a1a1a;font-size:2.5rem;margin-bottom:3rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.faq-item h3{color:#1a1a1a;font-size:1.125rem;margin-bottom:.5rem}.faq-item p{color:#6b7280;line-height:1.5}.trial-cta{background:linear-gradient(135deg,#fff5eb,#fee2cc);padding:4rem 2rem;text-align:center}.trial-cta h2{color:#1a1a1a;font-size:2.5rem;margin-bottom:1rem}.trial-cta p{color:#4b5563;font-size:1.25rem;margin-bottom:2rem}.cta-helper{color:#6b7280;font-style:italic}.hero-image{display:none}@media (min-width:1024px){.trial-hero{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;padding:4rem}.hero-content{text-align:left}.hero-image{display:block}.hero-image img{border-radius:1rem;box-shadow:0 10px 30px #0000001a;width:100%}.coupon-input-group{margin:1rem 0}.coupon-details{justify-content:flex-start}}@media (max-width:768px){.trial-hero h1{font-size:2rem}.features-grid,.steps,.testimonials-grid{grid-template-columns:1fr}.coupon-input-group{flex-direction:column}.coupon-input-group input{width:100%}}.faq-container{background:linear-gradient(180deg,#0000,#60a5fa08);margin:0 auto;max-width:1200px;min-height:100vh;padding:3rem 2rem}.faq-header{margin-bottom:4rem;position:relative;text-align:center}.faq-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;padding:.5rem 1.5rem;text-transform:uppercase}.faq-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;letter-spacing:-.02em;margin-bottom:1rem}.dark-mode .faq-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f9fafb,#d1d5db);-webkit-background-clip:text;background-clip:text}.faq-subtitle{color:#6b7280;font-size:1.375rem;font-weight:400;margin-bottom:2rem}.dark-mode .faq-subtitle{color:#9ca3af}.faq-search{margin:2rem auto;max-width:500px}.faq-search-input{background:#fff;border:2px solid #0000;border-radius:50px;box-shadow:0 4px 20px #00000014;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.dark-mode .faq-search-input{background:#1f2937;box-shadow:0 4px 20px #0000004d;color:#fff}.faq-search-input:focus{border-color:#60a5fa;box-shadow:0 4px 25px #60a5fa33;outline:none;transform:translateY(-2px)}.faq-search-input::placeholder{color:#9ca3af}.faq-popular{margin-top:3rem}.faq-popular h3{color:#6b7280;font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.dark-mode .faq-popular h3{color:#9ca3af}.popular-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.popular-tag{background:#fff;border:2px solid #e5e7eb;border-radius:50px;color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease;white-space:nowrap}.dark-mode .popular-tag{background:#374151;border-color:#4b5563;color:#d1d5db}.popular-tag:hover{background:#60a5fa;border-color:#60a5fa;box-shadow:0 4px 15px #60a5fa4d;color:#fff;transform:translateY(-2px)}.faq-list{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:800px}.no-results{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;padding:3rem;text-align:center}.dark-mode .no-results{background:#1f2937}.no-results p{color:#6b7280;font-size:1.125rem;margin-bottom:1rem}.clear-search{background:#60a5fa;border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.clear-search:hover{background:#3b82f6;transform:translateY(-2px)}.faq-item{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.dark-mode .faq-item{background:#1f2937;box-shadow:0 2px 10px #0003}.faq-item:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.dark-mode .faq-item:hover{box-shadow:0 4px 20px #0000004d}.faq-item.popular{border:2px solid #60a5fa}.faq-question{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.question-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.question-text{color:#1f2937;font-size:1.125rem;font-weight:600;line-height:1.5}.dark-mode .question-text{color:#f3f4f6}.faq-question.active .question-text{color:#60a5fa}.popular-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.faq-icon{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;height:32px;justify-content:center;min-width:32px;transition:all .3s ease}.dark-mode .faq-icon{background:#374151}.faq-question.active .faq-icon{background:#60a5fa}.chevron{color:#6b7280;transition:transform .3s ease}.faq-question.active .chevron{color:#fff}.chevron.rotate{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.open{max-height:500px;padding-bottom:1.5rem}.answer-content{padding:0 1.5rem}.answer-content p{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:1rem}.dark-mode .answer-content p{color:#9ca3af}.faq-cta-button{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.faq-cta-button:hover{box-shadow:0 4px 15px #60a5fa4d;transform:translateY(-2px)}.faq-bottom{margin-top:6rem}.faq-stats{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;display:flex;gap:4rem;justify-content:center;margin-bottom:4rem;padding:2rem}.dark-mode .faq-stats{background:#1f2937;box-shadow:0 4px 20px #0003}.stat{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.stat-label{color:#6b7280;display:block;font-size:1rem;font-weight:500}.dark-mode .stat-label{color:#9ca3af}.faq-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;box-shadow:0 10px 40px #667eea4d;overflow:hidden;padding:4rem;position:relative;text-align:center}.faq-cta:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.cta-content{position:relative;z-index:1}.faq-cta h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.faq-cta p{color:#ffffffe6;font-size:1.25rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{border:none;border-radius:50px;cursor:pointer;font-size:1.125rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.cta-button.primary{background:#fff;color:#667eea}.cta-button.primary:hover{box-shadow:0 10px 30px #ffffff4d;transform:translateY(-3px)}.cta-button.secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-button.secondary:hover{background:#fff;color:#667eea;transform:translateY(-3px)}@media (max-width:768px){.faq-header h1{font-size:2rem}.faq-subtitle{font-size:1.125rem}.popular-tags{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.popular-tag{flex-shrink:0}.faq-question{padding:1.25rem}.question-text{font-size:1rem}.faq-stats{gap:2rem;padding:1.5rem}.stat-number{font-size:2rem}.faq-cta{padding:3rem 2rem}.faq-cta h2{font-size:1.875rem}.cta-buttons{flex-direction:column}.cta-button{width:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:60px;margin-bottom:1rem}.impersonation-gate{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.impersonation-card{background:#1e1e1e;background:var(--surface-light,#1e1e1e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:1rem;box-shadow:0 10px 30px #00000040;box-shadow:var(--shadow-md,0 10px 30px #00000040);max-width:480px;padding:2rem 2.5rem;text-align:center;width:100%}.impersonation-card h1{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem}.impersonation-card .status{color:#bbb;color:var(--text-secondary,#bbb);margin-bottom:1.5rem}.impersonation-card .error{color:#f87171;color:var(--error-color,#f87171);margin-bottom:1.5rem}.cancel-button{background:#0000;border:1px solid #444;border:1px solid var(--border-color,#444);border-radius:.75rem;color:#bbb;color:var(--text-secondary,#bbb);cursor:pointer;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button:hover{background:#ffffff0d;color:#fff;color:var(--text-primary,#fff)}
/*# sourceMappingURL=main.74522724.css.map*/