@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}@supports (scroll-behavior:smooth){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:visible!important}body,html{height:auto!important;min-height:100%;overflow-x:hidden}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overflow-y:scroll!important}*{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:visible!important;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)}.payment-banner-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.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{align-items:center;display:flex;gap:2rem}.nav-button{-webkit-tap-highlight-color:transparent;align-items:center;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;gap:.5rem;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}.header-actions{align-items:center;display:flex;gap:1rem}.signin-button{align-items:center;background:#0000!important;border:1px solid #333!important;border:1px solid var(--border-color)!important;border-radius:.75rem!important;box-shadow:none!important;color:#f0f0f0!important;color:var(--text-primary)!important;cursor:pointer;display:inline-flex;font-weight:600!important;gap:.5rem;letter-spacing:.3px;min-height:48px;min-width:auto;overflow:hidden!important;padding:.75rem 1.5rem!important;position:relative;touch-action:manipulation;transition:all .2s ease!important}.signin-button:after,.signin-button:before{display:none!important}.signin-button:hover{background:#ffffff0d!important;border-color:#f97316!important;border-color:var(--primary-color)!important;box-shadow:none!important;color:#f97316!important;color:var(--primary-color)!important;transform:translateY(-1px)!important}.signin-button:active{background:#ffffff05!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;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{border-color:#f97316;border-color:var(--primary-color);box-shadow:0 8px 30px #0006;transform:translateY(-5px)}.feature-card h3{color:#f97316;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#b0b0b0;color:var(--text-secondary);line-height:1.6}.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;font-size:.9rem}.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-gap:1rem;display:grid;gap:1rem;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;cursor:pointer;padding:1rem;transition:all .3s ease}.voice-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.voice-card.selected{background-color:#f59e0b1a;border-color:var(--primary-color)}.voice-info h4{color:var(--text-primary);margin:0 0 .5rem}.voice-description{font-size:.9rem;margin-bottom:1rem}.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}}.hero-section{align-items:center;background:radial-gradient(ellipse at 20% 50%,#f9731614 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#f973160d 0,#0000 40%),var(--background-main);display:flex;min-height:85vh;overflow:hidden;padding:clamp(3rem,8vw,5rem) 1rem;position:relative}.hero-section:before{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:60px 60px;content:"";inset:0;pointer-events:none;position:absolute}.hero-content{grid-gap:clamp(2rem,5vw,4rem);align-items:center;display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:1fr 1fr;max-width:1200px;position:relative;width:100%;z-index:1}.hero-text{display:flex;flex-direction:column;gap:0}.hero-text h1{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(2.75rem,6vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 0 .5rem}.hero-text h1:first-line{color:var(--primary-color)}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.7;margin:0 0 1.75rem;max-width:540px}.hero-features{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0 0 1.25rem;padding:0}.hero-feature{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;gap:.75rem;padding:.5rem 0}.feature-check{flex-shrink:0;font-size:1.1rem}.hero-tagline{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0 0 1.75rem;opacity:.9}.hero-cta-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem}.hero-cta-primary,.hero-cta-secondary{align-items:center;border-radius:.625rem;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;justify-content:center;min-height:52px;padding:1rem 2rem;transition:all .2s ease}.hero-cta-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;box-shadow:0 4px 14px #f9731659,0 1px 3px #0000001a;color:var(--text-on-primary)}.hero-cta-primary:hover{box-shadow:0 8px 25px #f9731666,0 2px 6px #0000001a;transform:translateY(-2px)}.hero-cta-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.hero-cta-secondary:hover{background:#ffffff1a;border-color:var(--primary-color);color:var(--primary-color)}.hero-cta-primary:focus-visible,.hero-cta-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.hero-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;max-width:480px;opacity:.85}.hero-image-container{position:relative}.hero-image{border-radius:1rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;height:auto;width:100%}.hero-image-container:before{background:radial-gradient(ellipse at center,#f9731626 0,#0000 70%);content:"";filter:blur(40px);inset:-20px;position:absolute;z-index:-1}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-text{align-items:center;order:1}.hero-image-container{margin:0 auto;max-width:500px;order:2}.hero-features{align-items:center}.hero-cta-group{justify-content:center}.hero-description,.hero-subtitle{max-width:100%}}@media (max-width:640px){.hero-section{min-height:auto;padding:2rem 1rem 3rem}.hero-cta-group{flex-direction:column;width:100%}.hero-cta-primary,.hero-cta-secondary{width:100%}}@media (prefers-reduced-motion:reduce){.hero-cta-primary,.hero-cta-secondary{transition:none}.hero-cta-primary:hover,.hero-cta-secondary:hover{transform:none}}.how-it-works{background:var(--background-dark);padding:clamp(4rem,10vw,6rem) 1rem;position:relative;text-align:center}.how-it-works:before{background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:min(90%,600px)}.how-it-works h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;margin:0 0 3.5rem}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto 2.5rem;max-width:1000px;position:relative}.steps-grid:before{background:linear-gradient(90deg,var(--primary-color),var(--border-color),var(--primary-color));content:"";height:2px;left:calc(16.67% + 26px);opacity:.4;position:absolute;right:calc(16.67% + 26px);top:52px;z-index:0}.step-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;padding:2rem 1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;z-index:1}.step-card:hover{border-color:var(--primary-color);box-shadow:0 20px 40px -15px #0000004d;transform:translateY(-4px)}.step-number{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);box-shadow:0 4px 12px #f973164d;color:var(--text-inverse);height:52px;margin:0 auto 1.25rem;width:52px}.step-card h3,.step-number{font-family:Poppins,sans-serif}.step-card h3{color:var(--text-primary);font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;margin:0 0 .75rem}.step-card p{color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.6;margin:0}.how-it-works-cta{display:flex;justify-content:center}.how-it-works .cta-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;border-radius:.625rem;box-shadow:0 4px 14px #f9731659;color:var(--text-on-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .2s ease}.how-it-works .cta-primary:hover{box-shadow:0 8px 25px #f9731666;transform:translateY(-2px)}.how-it-works .cta-primary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:900px){.steps-grid{gap:1.5rem;grid-template-columns:1fr;max-width:400px}.steps-grid:before{display:none}}@media (prefers-reduced-motion:reduce){.how-it-works .cta-primary,.step-card{transition:none}.how-it-works .cta-primary:hover,.step-card:hover{transform:none}}.value-props{background:var(--background-main);padding:clamp(4rem,10vw,6rem) 1rem;text-align:center}.value-props h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;margin:0 0 3rem}.value-props-grid{grid-gap:clamp(1.5rem,4vw,2rem);display:grid;gap:clamp(1.5rem,4vw,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1100px}.value-prop-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;padding:2.5rem 2rem;position:relative;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.value-prop-card:hover{border-color:#f973164d;box-shadow:0 20px 40px -15px #0000004d;transform:translateY(-4px)}.value-prop-icon{align-items:center;background:#f973161a;border-radius:.75rem;color:var(--primary-color);display:flex;height:48px;justify-content:center;margin-bottom:1.25rem;padding:.75rem;width:48px}.value-prop-icon svg{height:100%;width:100%}.value-prop-card h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;margin:0 0 .75rem}.value-prop-card p{color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.7;margin:0}@media (max-width:640px){.value-props-grid{grid-template-columns:1fr}.value-prop-card{text-align:center}.value-prop-icon{margin-left:auto;margin-right:auto}}@media (prefers-reduced-motion:reduce){.value-prop-card{transition:none}.value-prop-card:hover{transform:none}}.seo-content{background:var(--background-dark);margin:0 auto;max-width:800px;padding:clamp(4rem,10vw,6rem) 1rem;position:relative}.seo-content:before{background:linear-gradient(180deg,#0000,var(--primary-color),#0000);border-radius:2px;bottom:4rem;content:"";left:0;opacity:.3;position:absolute;top:4rem;width:3px}.seo-content h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin:0 0 2rem;position:relative;text-align:center}.seo-content h2:after{background:var(--primary-color);border-radius:2px;content:"";display:block;height:3px;margin:1rem auto 0;width:60px}.seo-content-body{padding:0}.seo-content-body p{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.1rem);line-height:1.8;margin:0 0 1.5rem}.seo-content-body h3{align-items:center;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:600;gap:.75rem;margin:2.5rem 0 1rem}.seo-content-body h3:before{background:var(--primary-color);border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.seo-content-body ul{list-style:none;margin:1rem 0 1.5rem;padding-left:0}.seo-content-body li{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.1rem);line-height:1.8;margin:.5rem 0;padding-left:1.75rem;position:relative}.seo-content-body li:before{background:var(--primary-color);border-radius:50%;content:"";height:6px;left:0;opacity:.7;position:absolute;top:.65em;width:6px}@media (max-width:768px){.seo-content-body h3:before,.seo-content:before{display:none}.seo-content-body h3{justify-content:center;text-align:center}}.faq-section{background:var(--background-main);padding:clamp(4rem,10vw,6rem) 1rem;text-align:center}.faq-section h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;margin:0 0 3rem}.faq-list{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:700px;text-align:left}.faq-item{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.faq-item:hover{border-color:#f973164d}.faq-item[open]{border-color:var(--primary-color);box-shadow:0 4px 20px -5px #f9731626}.faq-item summary{color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;line-height:1.4;list-style:none;padding:1.25rem 3.5rem 1.25rem 1.5rem;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{background:#f973161a;border-radius:50%;content:""}.faq-item summary:after,.faq-item summary:before{align-items:center;display:flex;height:24px;justify-content:center;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:24px}.faq-item summary:before{color:var(--primary-color);content:"+";font-size:1.25rem;font-weight:400;transition:transform .2s ease;z-index:1}.faq-item[open] summary:before{transform:translateY(-50%) rotate(45deg)}.faq-item p{color:var(--text-secondary);font-size:clamp(.95rem,1.8vw,1rem);line-height:1.7;margin:0;padding:0 1.5rem 1.25rem}.faq-cta-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.5rem}.faq-section .cta-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;border-radius:.625rem;box-shadow:0 4px 14px #f9731659;color:var(--text-on-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .2s ease}.faq-section .cta-primary:hover{box-shadow:0 8px 25px #f9731666;transform:translateY(-2px)}.faq-section .cta-secondary{background:#ffffff0d;border:1px solid var(--border-color);border-radius:.625rem;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.faq-section .cta-secondary:hover{background:#ffffff1a;border-color:var(--primary-color);color:var(--primary-color)}.faq-item summary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.faq-section .cta-primary:focus-visible,.faq-section .cta-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:640px){.faq-item summary{padding:1rem 3rem 1rem 1.25rem}.faq-item summary:after,.faq-item summary:before{right:1rem}.faq-item p{padding:0 1.25rem 1rem}.faq-cta-group{flex-direction:column;padding:0}.faq-section .cta-primary,.faq-section .cta-secondary{width:100%}}@media (prefers-reduced-motion:reduce){.faq-item,.faq-item summary:before,.faq-section .cta-primary,.faq-section .cta-secondary{transition:none}.faq-section .cta-primary:hover,.faq-section .cta-secondary:hover{transform:none}}.social-proof{background:var(--background-dark);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);padding:2rem 1rem}.social-proof-container{display:flex;gap:clamp(2rem,8vw,5rem);justify-content:center;margin:0 auto;max-width:800px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-value{color:var(--primary-color);font-family:Poppins,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.stat-label{font-size:clamp(.8rem,2vw,.9rem);text-align:center}@media (max-width:480px){.social-proof-container{flex-direction:column;gap:1.5rem}}.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 li,.welcome-guide p,.welcome-guide span{color:var(--text-secondary);font-family:Inter,sans-serif}.welcome-guide a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.welcome-guide a:hover{color:var(--primary-hover);text-decoration:underline}.welcome-guide>section{margin-bottom:0}.welcome-guide a:focus-visible,.welcome-guide button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.welcome-guide a{transition:none}}.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}.progress-steps{align-items:center;flex-direction:column;gap:1rem;margin-bottom:2rem}.progress-steps:before{display:none}.step{flex-direction:row;gap:.75rem;justify-content:flex-start;max-width:200px;width:100%}.step-number{flex-shrink:0;font-size:.875rem;height:36px;width:36px}.step-label{font-size:.9375rem;text-align:left}.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;overflow-y:auto;width:100%}@media (max-width:640px){body,html{max-width:100vw;overflow-x:hidden;overflow-y:auto;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:#ffffffd9;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:#ffffffbf;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;font-weight:600}.auth-tab-caption{color:#ffffffa6;font-size:.78rem;font-weight:500}.auth-tab.active{background:linear-gradient(140deg,#f97316f2,#f98732d9);box-shadow:0 18px 32px -18px #f9731699;color:#12141bf2}.auth-tab.active .auth-tab-label{color:#12141bfa;font-weight:700}.auth-tab.active .auth-tab-caption{color:#12141bbf;font-weight:600}.dark-mode .auth-tab.active{background:#1f2937;box-shadow:0 2px 8px #0000004d}.dark-mode .auth-tab.active .auth-tab-label{color:#fffffff2;font-weight:700}.dark-mode .auth-tab.active .auth-tab-caption{color:#ffffffb3;font-weight:600}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#fffffff2;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:#ffffffb3;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;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:1rem .75rem .75rem}.auth-split-container{box-sizing:border-box;flex-direction:column;gap:0;max-width:100%;width:100%}.auth-card{border-radius:16px;box-sizing:border-box;margin:0;max-width:min(420px,100vw - 1.5rem);min-width:0;padding:1.25rem 1rem;width:100%}.form-row{gap:0;grid-template-columns:1fr}.auth-card-chip{display:none}.auth-form-header{gap:.25rem;margin-bottom:1rem;text-align:center}.auth-form-header h2{font-size:1.4rem;margin-bottom:.25rem}.auth-form-header p{font-size:.9rem;margin:0}.auth-tabs{gap:.25rem;margin-bottom:1.25rem;padding:.25rem}.auth-tab{gap:0;padding:.75rem .5rem;text-align:center}.auth-tab-label{font-size:.95rem;font-weight:600}.auth-tab-caption{display:none}.form-group{margin-bottom:1rem}.form-group label{font-size:.85rem;margin-bottom:.4rem}.form-group input{border-radius:10px;box-sizing:border-box;font-size:1rem;max-width:100%;min-height:44px;padding:.85rem 1rem;width:100%}.input-wrapper{box-sizing:border-box;grid-template-columns:1fr;width:100%}.input-wrapper input{box-sizing:border-box;padding-left:1rem;width:100%}.input-icon{display:none}.password-requirements{font-size:.7rem;margin-top:.5rem}.password-strength{height:4px;margin-top:.5rem}.auth-button-primary{border-radius:10px;font-size:.95rem;font-weight:700;margin-top:.25rem;min-height:48px;padding:.9rem 1.25rem}.social-login-buttons{flex-direction:column;gap:.5rem}.social-login-button{font-size:.95rem;min-height:44px;padding:.85rem}.auth-links{margin-top:1rem;text-align:center}.link-button{font-size:.9rem;min-height:40px;padding:.4rem}.auth-mode-switcher{margin-top:1.25rem;padding-top:1rem}.auth-mode-switcher p{font-size:.85rem;margin-bottom:.5rem}.auth-trust{display:none}.auth-form-container{box-sizing:border-box;justify-content:flex-start;max-width:100%;overflow-x:hidden;padding:.5rem;width:100%}.auth-msg-err,.auth-msg-ok{border-radius:8px;font-size:.85rem;margin-top:.75rem;padding:.75rem}.auth-divider{margin:1rem 0}}@media (max-width:480px){.auth-container{max-width:100vw;overflow-x:hidden;padding:.75rem .5rem .5rem}.auth-split-container{box-sizing:border-box;max-width:100%;width:100%}.auth-card{box-sizing:border-box;max-width:min(420px,100vw - 1rem);padding:1rem .85rem;width:100%}.auth-form-header{margin-bottom:.75rem}.auth-form-header h2{font-size:1.25rem}.auth-form-header p{font-size:.85rem}.auth-tabs{margin-bottom:1rem}.auth-tab{padding:.65rem .4rem}.auth-tab-label{font-size:.9rem}.form-group{margin-bottom:.85rem}.form-group label{font-size:.8rem;margin-bottom:.35rem}.form-group input{box-sizing:border-box;font-size:.95rem;min-height:42px;padding:.75rem .85rem;width:100%}.auth-button-primary{box-sizing:border-box;font-size:.9rem;min-height:44px;padding:.8rem 1rem;width:100%}.auth-mode-switcher{margin-top:1rem;padding-top:.75rem}}@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}.auth-transition{align-items:center;animation:fadeIn .3s ease-out;background:linear-gradient(135deg,#05060a,#0f1015);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-transition-content{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:2rem;text-align:center}.clapper-container{height:100px;position:relative;width:120px}.clapper{height:100%;position:relative;width:100%}.clapper-top{animation:clapperSnap 1.5s ease-in-out infinite;background:#1a1a1a;border-radius:4px 4px 0 0;height:30px;left:0;overflow:hidden;position:absolute;top:0;transform-origin:left bottom;width:100%;z-index:2}.clapper-stripes{display:flex;height:100%;width:100%}.stripe{background:#f97316;flex:1 1}.stripe:nth-child(2n){background:#fff}.clapper-bottom{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-radius:0 0 4px 4px;bottom:0;box-shadow:0 10px 40px #00000080;height:70px;justify-content:space-around;left:0;padding:.5rem;position:absolute;width:100%}.clapper-bottom,.clapper-info{align-items:center;display:flex}.clapper-info{flex-direction:column;gap:.15rem}.scene-label{color:#ffffff80;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.scene-number{color:#f97316;font-family:monospace;font-size:1.2rem;font-weight:700}@keyframes clapperSnap{0%,45%{transform:rotate(0deg)}50%{transform:rotate(-25deg)}55%,to{transform:rotate(0deg)}}.auth-transition-message{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin:0}.auth-transition-dots{display:flex;gap:.5rem}.dot{animation:dotPulse 1.4s ease-in-out infinite;background:#f97316;border-radius:50%;height:8px;width:8px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.auth-transition,.clapper-top,.dot{animation:none}.dot{opacity:.6}}@media (max-width:640px){.clapper-container{height:85px;width:100px}.auth-transition-message{font-size:1.25rem}}.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);cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.875rem 1.75rem;position:relative;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{border-color:var(--primary-color);box-shadow:0 8px 25px #f59e0b33;color:var(--primary-color);transform:translateY(-2px)}.filter-button.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 20px #f59e0b4d;color:var(--text-inverse);transform:translateY(-1px)}.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}.refresh-voices-button{background:none;border:none;cursor:pointer;font-size:.8rem;margin-left:10px;opacity:.5;transition:opacity .2s}.refresh-voices-button:hover{opacity:1}.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{align-items:center;background:linear-gradient(135deg,var(--primary-color),#1e40af);border:3px solid #f59e0b33;border-radius:50%;box-shadow:0 8px 24px #f59e0b66;color:var(--text-inverse);display:flex;font-size:1.8rem;font-weight:800;height:72px;justify-content:center;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{color:var(--text-secondary);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{border-top:4px solid var(--border-color);border:4px solid var(--border-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;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;text-align:center}.no-voices-message p{color:var(--text-secondary);font-size:1.3rem;font-weight:600;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{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{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);overflow-x:visible;padding:.75rem}.category-nav-button{min-width:0;min-width:auto;padding:1rem .5rem;width:100%}.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%}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-line{background:linear-gradient(90deg,#ffffff14,#ffffff26 50%,#ffffff14);background-size:200% 100%;border-radius:4px;height:1rem}.skeleton-line-sm{height:.75rem;width:40%}.skeleton-line-md{height:1rem;width:60%}.skeleton-line-lg{height:1.25rem;width:80%}.skeleton-line-xl{height:1.75rem;width:50%}.skeleton-circle{height:64px;width:64px}.skeleton-circle,.skeleton-circle-sm{background:linear-gradient(90deg,#ffffff14,#ffffff26 50%,#ffffff14);border-radius:50%}.skeleton-circle-sm{flex-shrink:0;height:32px;width:32px}.auth-loading-skeleton{align-items:center;background:#05060a;display:flex;justify-content:center;min-height:100vh}.auth-loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.auth-loading-logo{margin-bottom:1rem}.auth-loading-text{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:200px}.auth-loading-spinner{margin-top:1rem}.spinner-ring{animation:spinner-rotate 1s linear infinite;border:3px solid #f9731633;border-radius:50%;border-top-color:#f97316;height:40px;width:40px}.studio-skeleton{margin:0 auto;max-width:1200px;padding:2rem}.studio-skeleton-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1rem 0}.studio-skeleton-container{display:flex;gap:2rem}.studio-skeleton-main{display:flex;flex:1 1;flex-direction:column;gap:2rem}.studio-skeleton-step{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem}.studio-skeleton-step-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem}.studio-skeleton-voice-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.skeleton-voice-card{height:80px}.skeleton-textarea,.skeleton-voice-card{background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);border-radius:12px}.skeleton-textarea{height:200px}.skeleton-button{background:linear-gradient(90deg,#f9731633,#f9731659 50%,#f9731633);border-radius:12px;height:52px;width:240px}.card-skeleton{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.inline-spinner{align-items:center;display:inline-flex;gap:4px}.spinner-dot{animation:dot-bounce 1.4s ease-in-out infinite both;background:currentColor;border-radius:50%;height:6px;width:6px}.spinner-dot:first-child{animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}.inline-spinner-sm .spinner-dot{height:4px;width:4px}.inline-spinner-lg .spinner-dot{height:8px;width:8px}@media (max-width:768px){.studio-skeleton{padding:1rem}.studio-skeleton-container{flex-direction:column}.studio-skeleton-voice-grid{grid-template-columns:1fr}.skeleton-button{width:100%}}@media (prefers-reduced-motion:reduce){.pulse,.spinner-dot,.spinner-ring{animation:none}.skeleton-button,.skeleton-circle,.skeleton-circle-sm,.skeleton-line,.skeleton-textarea,.skeleton-voice-card{opacity:.5}}.VoiceSelector_controlsRow__3V3ER{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}@media (min-width:768px){.VoiceSelector_controlsRow__3V3ER{align-items:center;flex-direction:row;gap:1rem}}.VoiceSelector_filterButtons__1fFCt{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);width:100%}@media (min-width:768px){.VoiceSelector_filterButtons__1fFCt{display:flex;gap:.75rem;width:auto}}.VoiceSelector_filterButton__80\+mx{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff14;border:2px solid #ffffff26;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:48px;padding:.75rem 1rem;text-align:center;touch-action:manipulation;transition:all .2s ease}.VoiceSelector_filterButton__80\+mx:hover{background:#ffffff1f;border-color:#ffffff40}.VoiceSelector_filterButton__80\+mx.VoiceSelector_active__yG45-{background:#f97316;background:var(--primary-color,#f97316);border-color:#f97316;border-color:var(--primary-color,#f97316);color:#fff}.VoiceSelector_searchInput__3haA6{background:#ffffff14;border:2px solid #ffffff26;border-radius:8px;color:#fff;font-size:16px;min-height:48px;padding:.75rem 1rem;width:100%}.VoiceSelector_searchInput__3haA6::placeholder{color:#ffffff80}.VoiceSelector_searchInput__3haA6:focus{background:#ffffff1a;border-color:#f97316;border-color:var(--primary-color,#f97316);outline:none}@media (min-width:768px){.VoiceSelector_searchInput__3haA6{max-width:250px}}.VoiceSelector_listContainer__Rtfmx{display:flex;flex-direction:column;gap:.25rem;max-height:350px;overflow-y:auto;padding-right:4px}@media (min-width:768px){.VoiceSelector_listContainer__Rtfmx{max-height:400px}}.VoiceSelector_listContainer__Rtfmx::-webkit-scrollbar{width:6px}.VoiceSelector_listContainer__Rtfmx::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.VoiceSelector_listContainer__Rtfmx::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.VoiceSelector_voiceButton__bOa6A{background:#ffffff14;border:2px solid #ffffff1f;border-radius:10px;color:#fff;cursor:pointer;min-height:72px;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.VoiceSelector_voiceButton__bOa6A:hover{background:#ffffff1f;border-color:#ffffff40}.VoiceSelector_voiceButton__bOa6A.VoiceSelector_selected__8kZ7d{background:#f9731626;border-color:#f97316;border-color:var(--primary-color,#f97316);box-shadow:0 0 0 1px #f973164d}.VoiceSelector_voiceButton__bOa6A strong{display:block;font-size:1rem;margin-bottom:.25rem}.VoiceSelector_voiceDescription__Svjao{color:#ffffffb3;font-size:.8rem;line-height:1.4}.VoiceSelector_voiceDescription__Svjao em{color:#fff9;display:block;font-style:normal;margin-top:.25rem}.VoiceSelector_selectedCard__q0Lmf{background:linear-gradient(135deg,#f973161a,#ea580c1a);border:2px solid #f973164d;border-radius:12px;padding:1.25rem}.VoiceSelector_selectedCardTitle__jDPEm{color:#f97316;color:var(--primary-color,#f97316);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.VoiceSelector_selectedCardContent__9jwPI{margin-bottom:1rem}.VoiceSelector_selectedVoiceName__Pq1d8{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.VoiceSelector_selectedVoiceDesc__WqSD4{color:#ffffffb3;font-size:.85rem;line-height:1.4;margin:0}.VoiceSelector_loadingText__2qwUP{color:#ffffff80;font-size:.9rem;margin:0}.VoiceSelector_changeButton__Qskq-{align-items:center;background:#0000;border:2px solid #f97316;border:2px solid var(--primary-color,#f97316);border-radius:8px;color:#f97316;color:var(--primary-color,#f97316);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1rem;touch-action:manipulation;transition:all .2s ease;width:100%}.VoiceSelector_changeButton__Qskq-:hover{background:#f97316;background:var(--primary-color,#f97316);color:#fff}.VoiceSelector_changeIcon__bCOHN{font-size:1.1rem}.VoiceSelector_modalOverlay__X1b-c{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:1000}.VoiceSelector_modalPanel__dLrnA{animation:VoiceSelector_slideUp__OchMJ .3s ease;background:#1a1a2e;background:var(--surface-dark,#1a1a2e);border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}@keyframes VoiceSelector_slideUp__OchMJ{0%{transform:translateY(100%)}to{transform:translateY(0)}}.VoiceSelector_modalHeader__qqPuW{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1rem}.VoiceSelector_modalHeader__qqPuW h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.VoiceSelector_modalClose__3mj6\+{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.VoiceSelector_modalClose__3mj6\+:hover{background:#fff3}.VoiceSelector_modalBody__E7SJ-{flex:1 1;overflow-y:auto;padding:1rem}.VoiceSelector_modalBody__E7SJ- .VoiceSelector_listContainer__Rtfmx{max-height:none}.VoiceSelector_statusMessage__\+-wF4{color:#fff9;font-size:.9rem;padding:2rem 1rem;text-align:center}@media (prefers-reduced-motion:reduce){.VoiceSelector_changeButton__Qskq-,.VoiceSelector_filterButton__80\+mx,.VoiceSelector_modalClose__3mj6\+,.VoiceSelector_voiceButton__bOa6A{transition:none}.VoiceSelector_modalPanel__dLrnA{animation:none}}.AudioPlayer_player__k1Jq5{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}@media (min-width:768px){.AudioPlayer_player__k1Jq5{margin-bottom:2rem;padding:1.5rem}}.AudioPlayer_title__BgHRZ{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .5rem}@media (min-width:768px){.AudioPlayer_title__BgHRZ{font-size:1.1rem}}.AudioPlayer_script__nwLNB{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0 0 1rem;overflow:hidden}.AudioPlayer_visualizer__Q2pbw{background:#0000004d;border-radius:8px;margin-bottom:1rem;padding:.75rem}@media (min-width:768px){.AudioPlayer_visualizer__Q2pbw{padding:1rem}}.AudioPlayer_canvas__h2iSF{border-radius:4px;display:block;height:60px;width:100%}@media (min-width:768px){.AudioPlayer_canvas__h2iSF{height:80px}}.AudioPlayer_audioControls__P9dck{margin-top:.75rem}.AudioPlayer_progressBar__KJEJL{-webkit-tap-highlight-color:transparent;background:#ffffff1a;border-radius:6px;cursor:pointer;height:12px;overflow:hidden;touch-action:none;width:100%}@media (min-width:768px){.AudioPlayer_progressBar__KJEJL{height:8px}}.AudioPlayer_progressFill__PBZGg{background:linear-gradient(90deg,#f97316,#ea580c);background:linear-gradient(90deg,var(--primary-color,#f97316),#ea580c);border-radius:6px;height:100%;transition:width .1s linear}.AudioPlayer_timeDisplay__h8vps{color:#fff9;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.5rem}.AudioPlayer_controls__TAoAk{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}@media (max-width:480px){.AudioPlayer_controls__TAoAk{flex-direction:column}}.AudioPlayer_downloadButton__88Wb\+,.AudioPlayer_playButton__e8-8p,.AudioPlayer_stopButton__-0SDl{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.25rem;touch-action:manipulation;transition:all .2s ease}@media (min-width:768px){.AudioPlayer_downloadButton__88Wb\+,.AudioPlayer_playButton__e8-8p,.AudioPlayer_stopButton__-0SDl{flex:initial;min-width:140px}}.AudioPlayer_playButton__e8-8p{background:#f97316;background:var(--primary-color,#f97316);color:#fff}.AudioPlayer_playButton__e8-8p:hover{background:#5558e8;background:var(--primary-hover,#5558e8);transform:translateY(-1px)}.AudioPlayer_stopButton__-0SDl{background:#374151;color:#fff}.AudioPlayer_stopButton__-0SDl:hover{background:#4b5563}.AudioPlayer_downloadButton__88Wb\+{background:#0000;border:2px solid #f97316;border:2px solid var(--primary-color,#f97316);color:#f97316;color:var(--primary-color,#f97316)}.AudioPlayer_downloadButton__88Wb\+:hover:not(:disabled){background:#f97316;background:var(--primary-color,#f97316);color:#fff}.AudioPlayer_downloadButton__88Wb\+:disabled{cursor:not-allowed;opacity:.5}.AudioPlayer_downloadIcon__UiEgx,.AudioPlayer_loadingIcon__UnbX4,.AudioPlayer_playIcon__H6BMV,.AudioPlayer_stopIcon__YtqX3{font-size:1rem}.AudioPlayer_loadingIcon__UnbX4{animation:AudioPlayer_spin__3YgBq 1s linear infinite}@keyframes AudioPlayer_spin__3YgBq{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.AudioPlayer_downloadButton__88Wb\+,.AudioPlayer_playButton__e8-8p,.AudioPlayer_progressFill__PBZGg,.AudioPlayer_stopButton__-0SDl{transition:none}.AudioPlayer_playButton__e8-8p:hover{transform:none}.AudioPlayer_loadingIcon__UnbX4{animation:none}}.GenerationHistory_historySection__mrj\+z{background:#1a1a2e;background:var(--surface-dark,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:12px;padding:1rem}@media (min-width:768px){.GenerationHistory_historySection__mrj\+z{padding:1.25rem}}@media (min-width:1024px){.GenerationHistory_historySection__mrj\+z{max-height:calc(100vh - 4rem);overflow-y:auto;position:sticky;top:2rem}}.GenerationHistory_header__MfKSQ{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.GenerationHistory_title__atzjB{color:#fff;font-size:1rem;font-weight:600;margin:0}@media (min-width:768px){.GenerationHistory_title__atzjB{font-size:1.1rem}}.GenerationHistory_refreshButton__\+feHl{background:#0000;border:1px solid #f97316;border:1px solid var(--primary-color,#f97316);border-radius:6px;color:#f97316;color:var(--primary-color,#f97316);cursor:pointer;font-size:.85rem;font-weight:500;min-height:44px;padding:.5rem 1rem;transition:all .2s ease}.GenerationHistory_refreshButton__\+feHl:hover:not(:disabled){background:#f97316;background:var(--primary-color,#f97316);color:#fff}.GenerationHistory_refreshButton__\+feHl:disabled{cursor:not-allowed;opacity:.5}.GenerationHistory_loading__iA4ZJ{color:#ffffffb3;font-size:.9rem;padding:2rem 1rem;text-align:center}.GenerationHistory_list__H0cSb{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:4px}@media (min-width:1024px){.GenerationHistory_list__H0cSb{max-height:none}}.GenerationHistory_list__H0cSb::-webkit-scrollbar{width:6px}.GenerationHistory_list__H0cSb::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.GenerationHistory_list__H0cSb::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.GenerationHistory_list__H0cSb::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.GenerationHistory_item__jVCyA{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:1rem;transition:all .2s ease}.GenerationHistory_item__jVCyA:hover{background:#ffffff14;border-color:#ffffff1f}.GenerationHistory_itemHeader__gzhzt{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.GenerationHistory_avatar__MYVMh{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--primary-color,#f97316),#ea580c);border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.GenerationHistory_voiceInfo__sYEK8{display:flex;flex:1 1;flex-direction:column;min-width:0}.GenerationHistory_voiceName__KoRKG{color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.GenerationHistory_date__tmSkE{color:#fff9;font-size:.75rem}.GenerationHistory_textPreview__HN9pf{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:.8rem;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.GenerationHistory_actionsRow__nD\+EM{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.GenerationHistory_actions__QDzh6{display:flex;flex-wrap:wrap;gap:.5rem}.GenerationHistory_deleteButton__2yoNb,.GenerationHistory_downloadButton__2jxzA,.GenerationHistory_playButton__8cESC{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;justify-content:center;min-height:44px;padding:.6rem .9rem;touch-action:manipulation;transition:all .2s ease}.GenerationHistory_playButton__8cESC{background:#f97316;background:var(--primary-color,#f97316);color:#fff}.GenerationHistory_playButton__8cESC:hover{background:#5558e8;background:var(--primary-hover,#5558e8)}.GenerationHistory_downloadButton__2jxzA{background:#0000;border:1px solid #f97316;border:1px solid var(--primary-color,#f97316);color:#f97316;color:var(--primary-color,#f97316)}.GenerationHistory_downloadButton__2jxzA:hover:not(:disabled){background:#f97316;background:var(--primary-color,#f97316);color:#fff}.GenerationHistory_downloadButton__2jxzA:disabled{cursor:not-allowed;opacity:.5}.GenerationHistory_deleteButton__2yoNb{background:#0000;border:1px solid #fff3;color:#fff9}.GenerationHistory_deleteButton__2yoNb:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.GenerationHistory_downloadError__NtoBn{color:#f59e0b;cursor:help;font-size:.9rem;margin-left:.25rem}.GenerationHistory_duration__dH5ys{background:#ffffff1a;border-radius:4px;color:#ffffff80;font-size:.75rem;padding:.25rem .5rem;white-space:nowrap}@media (max-width:480px){.GenerationHistory_actions__QDzh6{flex-direction:column;width:100%}.GenerationHistory_deleteButton__2yoNb,.GenerationHistory_downloadButton__2jxzA,.GenerationHistory_playButton__8cESC{justify-content:center;width:100%}.GenerationHistory_actionsRow__nD\+EM{align-items:stretch;flex-direction:column;gap:.75rem}.GenerationHistory_duration__dH5ys{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.GenerationHistory_deleteButton__2yoNb,.GenerationHistory_downloadButton__2jxzA,.GenerationHistory_item__jVCyA,.GenerationHistory_playButton__8cESC,.GenerationHistory_refreshButton__\+feHl{transition:none}}.StudioLayout_page__F030N{-webkit-tap-highlight-color:transparent;background:#0f172a;background:var(--background-main,#0f172a);margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem}@media (min-width:768px){.StudioLayout_page__F030N{padding:2rem}}.StudioLayout_header__xsjjA{margin-bottom:1.5rem;text-align:center}@media (min-width:768px){.StudioLayout_header__xsjjA{margin-bottom:2rem}}.StudioLayout_headerTitle__\+oDv2{color:#fff;font-family:Poppins,system-ui,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}@media (min-width:768px){.StudioLayout_headerTitle__\+oDv2{font-size:2rem}}.StudioLayout_headerSubtitle__dEUrt{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0;padding:0 1rem}@media (min-width:768px){.StudioLayout_headerSubtitle__dEUrt{font-size:1rem;padding:0}}.StudioLayout_container__HnsIn{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:1024px){.StudioLayout_container__HnsIn{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 380px}}.StudioLayout_main__biigi{background:#1e293b;background:var(--surface-light,#1e293b);border:1px solid #ffffff14;border-radius:16px;padding:1.25rem}@media (min-width:768px){.StudioLayout_main__biigi{padding:2rem}}.StudioLayout_step__hE1pF{margin-bottom:1.5rem}.StudioLayout_step__hE1pF:last-child{margin-bottom:0}@media (min-width:768px){.StudioLayout_step__hE1pF{margin-bottom:2rem}}.StudioLayout_stepHeader__M2I0C{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}@media (min-width:768px){.StudioLayout_stepHeader__M2I0C{gap:1rem;margin-bottom:1.25rem}}.StudioLayout_stepNumber__Bia3Q{align-items:center;background:#f97316;background:var(--primary-color,#f97316);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}@media (min-width:768px){.StudioLayout_stepNumber__Bia3Q{font-size:1.25rem;height:40px;width:40px}}.StudioLayout_stepTitle__cm3e6{color:#fff;flex:1 1;font-size:1rem;font-weight:600;margin:0}@media (min-width:768px){.StudioLayout_stepTitle__cm3e6{font-size:1.1rem}}.StudioLayout_charCount__hB2G5{color:#ffffff80;font-size:.8rem;font-weight:500}.StudioLayout_scriptInput__13bQZ{background:#0000004d;border:2px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:16px;line-height:1.6;min-height:200px;padding:1rem;resize:vertical;width:100%}.StudioLayout_scriptInput__13bQZ::placeholder{color:#fff6}.StudioLayout_scriptInput__13bQZ:focus{border-color:#f97316;border-color:var(--primary-color,#f97316);outline:none}@media (min-width:768px){.StudioLayout_scriptInput__13bQZ{min-height:250px;padding:1.25rem}}.StudioLayout_generationControls__3w\+xk{display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.StudioLayout_generationControls__3w\+xk{flex-direction:row;gap:1rem}}.StudioLayout_generateButton__Zp9Ip{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--primary-color,#f97316),#ea580c);border:none;border-radius:12px;box-shadow:0 4px 15px #f973164d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;min-height:56px;padding:1rem 2rem;touch-action:manipulation;transition:all .3s ease;width:100%}.StudioLayout_generateButton__Zp9Ip:hover:not(:disabled){box-shadow:0 8px 25px #f9731666;transform:translateY(-2px)}.StudioLayout_generateButton__Zp9Ip:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (min-width:768px){.StudioLayout_generateButton__Zp9Ip{min-width:280px;width:auto}}.StudioLayout_playButton__a7-hk,.StudioLayout_stopButton__jGw0\+{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:52px;padding:.875rem 1.5rem;touch-action:manipulation;transition:all .2s ease;width:100%}.StudioLayout_playButton__a7-hk{background:#0000;border:2px solid #f97316;border:2px solid var(--primary-color,#f97316);color:#f97316;color:var(--primary-color,#f97316)}.StudioLayout_playButton__a7-hk:hover{background:#f973161a}.StudioLayout_stopButton__jGw0\+{background:#374151;border:none;color:#fff}@media (min-width:768px){.StudioLayout_playButton__a7-hk,.StudioLayout_stopButton__jGw0\+{min-width:160px;width:auto}}.StudioLayout_downloadButton__P63ln{align-items:center;background:#f97316;background:var(--primary-color,#f97316);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:52px;padding:.875rem 1.5rem;touch-action:manipulation;transition:all .2s ease;width:100%}.StudioLayout_downloadButton__P63ln:hover:not(:disabled){background:#ea580c;background:var(--primary-hover,#ea580c)}.StudioLayout_downloadButton__P63ln:disabled{cursor:not-allowed;opacity:.5}@media (min-width:768px){.StudioLayout_downloadButton__P63ln{min-width:160px;width:auto}}.StudioLayout_errorBanner__Q-Cud{background:#ef444426;border:1px solid #ef444466;border-radius:10px;color:#fca5a5;font-size:.9rem;margin-bottom:1rem;padding:1rem}.StudioLayout_readOnlyBanner__ZqNxZ{background:#f973161a;border:1px dashed #f9731680;border-radius:10px;color:#f97316;font-size:.9rem;margin-bottom:1rem;padding:.875rem 1rem}.StudioLayout_trialBanner__MGkvp{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:10px;color:#22c55e;font-size:.9rem;margin-bottom:1rem;padding:.875rem 1rem;text-align:center}.StudioLayout_spinner__z1NPO{animation:StudioLayout_spin__kOe9k .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes StudioLayout_spin__kOe9k{to{transform:rotate(1turn)}}.StudioLayout_generateIcon__CoZe1{font-size:1.25rem}@media (max-width:767px){.StudioLayout_stepGenerate__roEj9{display:none}}.StudioLayout_mobileGenerateBar__QICET{display:none}@media (max-width:767px){.StudioLayout_mobileGenerateBar__QICET{background:#1e293b;background:var(--surface-light,#1e293b);border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #0000004d;display:block;left:0;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:100}.StudioLayout_mobileGenerateInner__Ptrs0{align-items:center;display:flex;gap:.5rem}.StudioLayout_mobileGenerateButton__Nckms{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--primary-color,#f97316),#ea580c);border:none;border-radius:10px;box-shadow:0 4px 12px #f973164d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1rem;touch-action:manipulation}.StudioLayout_mobileGenerateButton__Nckms:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.StudioLayout_mobileStopButton__OQe60{align-items:center;background:#374151;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1rem;touch-action:manipulation}.StudioLayout_mobilePlayButton__NvkkW{background:#0000;border:2px solid #f97316;border:2px solid var(--primary-color,#f97316);border-radius:10px;color:#f97316;color:var(--primary-color,#f97316)}.StudioLayout_mobileDownloadButton__T243D,.StudioLayout_mobilePlayButton__NvkkW{align-items:center;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.375rem;justify-content:center;min-height:48px;padding:.875rem 1rem;touch-action:manipulation;white-space:nowrap}.StudioLayout_mobileDownloadButton__T243D{background:#f97316;background:var(--primary-color,#f97316);border:none;border-radius:10px;color:#fff}.StudioLayout_mobileDownloadButton__T243D:disabled{cursor:not-allowed;opacity:.5}.StudioLayout_page__F030N{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))}}@media (prefers-reduced-motion:reduce){.StudioLayout_downloadButton__P63ln,.StudioLayout_generateButton__Zp9Ip,.StudioLayout_playButton__a7-hk,.StudioLayout_stopButton__jGw0\+{transition:none}.StudioLayout_generateButton__Zp9Ip:hover:not(:disabled){transform:none}.StudioLayout_spinner__z1NPO{animation: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)}.grant-section{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:2.5rem;padding:2rem;text-align:center}.grant-section .powered-by{align-items:center;display:flex;flex-direction:column;gap:1rem}.grant-section .grant-text{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.grant-section .elevenlabs-logo{height:48px;opacity:.9;transition:all .2s ease;width:auto}.grant-section .elevenlabs-logo:hover{opacity:1;transform:scale(1.05)}.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}.youtube-link{align-items:center;border:2px solid red;border-radius:2rem;color:red;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s}.youtube-link:hover{background:#ff000014;transform:translateY(-1px)}.youtube-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}}@media (max-width:480px){.contact-page{padding:.75rem}.contact-page h1{font-size:1.625rem;margin-bottom:.25rem}.contact-subtitle{font-size:.9375rem;margin-bottom:1.5rem}.contact-form{border-radius:.75rem;margin-bottom:2rem;padding:1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.875rem;margin-bottom:.375rem}.form-group input,.form-group textarea{border-radius:.5rem;font-size:16px;padding:.875rem 1rem}.form-group textarea{min-height:100px}.submit-button{font-size:1rem;min-height:48px;padding:1rem 1.5rem}.contact-info h2{font-size:1.375rem;margin-bottom:1.25rem}.info-card{border-radius:.75rem;padding:1.25rem}.info-card h3{font-size:1.125rem}.info-card p{font-size:.9375rem}}.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}}.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 .password-requirements{background-color:#ffffff0d;border-color:#ffffff1a;margin-top:6px;padding:10px}.auth-card .requirement{margin:4px 0}.auth-card .requirement.met .requirement-text{color:#fff9}.auth-card .requirement.unmet .requirement-text{color:#fffc}.auth-card .strength-bar-container{background-color:#ffffff1a}.auth-card .strength-label{color:#ffffffb3}.auth-card input.valid{background-color:#22c55e1a;border-color:#22c55e99!important}.auth-card input.invalid{background-color:#fb923c1a;border-color:#fb923c99!important}.auth-card .error-text{color:#fb923c;font-size:.75rem}@media (max-width:640px){.password-strength-indicator{margin-bottom:8px;margin-top:6px}.strength-bar-container{height:4px}.strength-label{font-size:10px}.password-requirements{font-size:12px;margin-top:6px;padding:8px}.requirement{margin:3px 0}.requirement-icon{font-size:12px;height:16px;margin-right:6px;width:16px}.requirement-text{font-size:.75rem}}.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}.billing-management{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e33;border-radius:8px;margin-top:1.5rem;padding:1.5rem;text-align:center}.billing-management .settings-button{margin-bottom:.75rem}.billing-management .help-text{font-size:.8rem;margin:0}.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%}}.invoice-history{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.invoice-history h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.invoice-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;margin-bottom:.75rem;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.invoice-error{background:#ef44441a;border-radius:.5rem;color:#ef4444;padding:2rem;text-align:center}.retry-button{background:#0000;border:1px solid #ef4444;border-radius:.5rem;color:#ef4444;cursor:pointer;margin-top:1rem;padding:.5rem 1rem;transition:all .2s}.retry-button:hover{background:#ef44441a}.invoice-empty{color:var(--text-secondary);padding:2rem;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:.5rem;opacity:.5}.empty-hint{font-size:.875rem;margin-top:.25rem;opacity:.7}.invoice-list{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.invoice-table{border-collapse:collapse;display:table;width:100%}.invoice-table td,.invoice-table th{border-bottom:1px solid var(--border-color);padding:.875rem 1rem;text-align:left}.invoice-table th{background:var(--surface-dark);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.invoice-table tbody tr:last-child td{border-bottom:none}.invoice-table tbody tr:hover{background:rgba(var(--primary-color-rgb),.05)}.invoice-date{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.invoice-description{color:var(--text-primary);font-size:.9rem}.invoice-number{color:var(--text-secondary);display:block;font-size:.75rem;margin-top:.125rem}.invoice-amount{color:var(--text-primary);font-family:SF Mono,SFMono-Regular,Consolas,monospace;font-weight:600;white-space:nowrap}.invoice-status{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .625rem;text-transform:uppercase}.status-paid{background:#22c55e26;color:#22c55e}.status-open{background:#fbbf2426;color:#f59e0b}.status-draft{background:#94a3b826;color:#64748b}.status-failed{background:#ef444426;color:#ef4444}.status-void{background:#6b728026;color:#6b7280}.status-default{background:#94a3b826;color:#94a3b8}.invoice-actions{display:flex;gap:.75rem;white-space:nowrap}.download-link,.view-link{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.375rem .625rem;text-decoration:none;transition:all .15s ease}.download-link{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.download-link:hover{background:rgba(var(--primary-color-rgb),.2)}.download-icon{font-size:.9rem}.view-link{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.view-link:hover{border-color:var(--primary-color);color:var(--primary-color)}.invoice-cards{display:none}.load-more-container{border-top:1px solid var(--border-color);padding:1rem;text-align:center}.load-more-button{background:#0000;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-weight:500;min-height:44px;padding:.625rem 1.5rem;transition:all .2s}.load-more-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.load-more-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.invoice-table{display:none}.invoice-cards{display:flex;flex-direction:column}.invoice-card{border-bottom:1px solid var(--border-color);padding:1rem}.invoice-card:last-child{border-bottom:none}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.card-date{color:var(--text-secondary);font-size:.8rem}.card-body{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.card-description{color:var(--text-primary);flex:1 1;font-size:.9rem}.card-amount{color:var(--text-primary);font-family:SF Mono,SFMono-Regular,Consolas,monospace;font-weight:600;margin-left:1rem}.card-actions{display:flex;flex-wrap:wrap;gap:.75rem}.card-actions .download-link,.card-actions .view-link{flex:1 1;justify-content:center;padding:.5rem .75rem}}@media (max-width:480px){.invoice-history{margin-top:1rem;padding-top:1rem}.invoice-card{padding:.875rem}.card-actions{flex-direction:column}.card-actions .download-link,.card-actions .view-link{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%}}@media (max-width:480px){.faq-container{padding:.75rem}.faq-header{margin-bottom:1.5rem;padding:1.5rem 1rem}.faq-header h1{font-size:1.625rem}.faq-subtitle{font-size:1rem;margin-bottom:1rem}.faq-search-input{font-size:16px;padding:.875rem 1rem}.popular-tags{gap:.5rem}.popular-tag{font-size:.8125rem;padding:.5rem .875rem}.faq-question{min-height:48px;padding:1rem}.answer-content,.question-text{font-size:.9375rem}.answer-content{padding:1rem}.faq-cta-button{font-size:.875rem;min-height:44px;padding:.75rem 1rem}.faq-stats{flex-direction:column;gap:1rem;padding:1.25rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.8125rem}.faq-cta{padding:2rem 1.25rem}.faq-cta h2{font-size:1.5rem}.faq-cta p{font-size:.9375rem}.cta-buttons{gap:.75rem}.cta-button{font-size:.9375rem;min-height:48px;padding:.875rem 1.25rem}}@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)}.payment-recovery-banner{background:linear-gradient(135deg,#fbbf2426,#fbbf2414);border:1px solid #fbbf2466;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;position:relative}.payment-recovery-banner.urgent{background:linear-gradient(135deg,#f9731626,#f9731614);border-color:#f9731666}.payment-recovery-banner.critical{animation:pulse-critical 2s ease-in-out infinite;background:linear-gradient(135deg,#ef444426,#ef444414);border-color:#ef444466}@keyframes pulse-critical{0%,to{box-shadow:0 0 0 0 #ef444433}50%{box-shadow:0 0 0 8px #ef444400}}.banner-content{align-items:center;display:flex;gap:1rem}.banner-icon{flex-shrink:0;font-size:2rem}.banner-message{flex:1 1}.banner-message strong{color:var(--text-primary);display:block;font-size:1rem;margin-bottom:.25rem}.banner-message p{color:var(--text-secondary);font-size:.875rem;margin:0}.banner-message .error-text{color:#ef4444;margin-top:.5rem}.banner-actions{display:flex;flex-shrink:0;gap:.75rem}.retry-payment-btn,.update-payment-btn{border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;min-height:44px;padding:.625rem 1.25rem;touch-action:manipulation;transition:all .2s ease;white-space:nowrap}.update-payment-btn.primary{background:var(--primary-color);border:none;color:#fff}.update-payment-btn.primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.retry-payment-btn.secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.retry-payment-btn.secondary:hover:not(:disabled){background:var(--surface-light);border-color:var(--primary-color)}.retry-payment-btn:disabled,.update-payment-btn:disabled{cursor:not-allowed;opacity:.5}.dismiss-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:32px}.dismiss-btn:hover{background:#0000001a;color:var(--text-primary)}@media (max-width:768px){.payment-recovery-banner{padding:1rem}.banner-content{flex-direction:column;text-align:center}.banner-message{order:1}.banner-icon{order:0}.banner-actions{flex-direction:column;order:2;width:100%}.retry-payment-btn,.update-payment-btn{width:100%}}.mfa-setup-card{background:#111827d9;border:1px solid #ffffff14;border-radius:16px;color:#f9fafb;margin:3rem auto;max-width:480px;padding:2rem;text-align:left}.mfa-setup-card h2{margin-bottom:.5rem}.mfa-lede{color:#9ca3af;margin-bottom:1.5rem}.mfa-status{background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;color:#bbf7d0}.mfa-error,.mfa-status{margin-bottom:1rem;padding:.75rem}.mfa-error{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#fecaca}.mfa-setup-card form{display:flex;flex-direction:column;gap:.75rem}.mfa-setup-card label{font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.mfa-setup-card input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:#f9fafb;padding:.85rem 1rem}.mfa-setup-card button{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:.9rem 1rem}.mfa-success{background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;color:#bbf7d0;padding:1rem;text-align:center}.mobile-menu-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#fff;cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:10px;position:relative;touch-action:manipulation;transition:background .2s ease;width:44px;z-index:1120}.mobile-menu-button:hover{background:#ffffff14}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-button span{background-color:currentColor;border-radius:2px;height:2px;transition:transform .3s ease,opacity .2s ease;width:22px}.mobile-menu-button.open span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1090}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{background:linear-gradient(180deg,#161616,#0d0d0d);box-shadow:-8px 0 32px #00000080;display:flex;flex-direction:column;height:100%;height:100dvh;max-width:340px;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);width:85%;z-index:1110}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 16px 14px}.mobile-menu-brand{align-items:center;display:flex;gap:10px}.mobile-menu-brand svg{height:28px;width:28px}.mobile-menu-brand-text{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em}.mobile-menu-close{align-items:center;background:#ffffff0d;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.mobile-menu-close svg{height:20px;width:20px}.mobile-menu-close:hover{background:#ffffff1a;color:#fff}.mobile-menu-close:active{transform:scale(.95)}.mobile-nav{flex:1 1;overflow-y:auto;padding:6px 0}.mobile-nav-section{padding:4px 12px}.mobile-nav-section-title{color:#555;font-size:10px;font-weight:700;letter-spacing:.1em;padding:10px 12px 6px;text-transform:uppercase}.mobile-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:10px;color:silver;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin:1px 0;padding:12px 14px;text-align:left;transition:all .15s ease;width:100%}.mobile-nav-item:hover{background:#ffffff0d;color:#fff}.mobile-nav-item:active{background:#ffffff12;transform:scale(.98)}.mobile-nav-item.active{background:#f973161a;color:#f97316}.mobile-nav-item.active .mobile-nav-icon{color:#f97316}.mobile-nav-icon{align-items:center;color:#666;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:color .15s ease;width:20px}.mobile-nav-icon svg{height:100%;width:100%}.mobile-nav-item:hover .mobile-nav-icon{color:#888}.mobile-nav-label{flex:1 1}.mobile-nav-badge{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:6px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.03em;padding:3px 7px;text-transform:uppercase}.mobile-nav-divider{background:#ffffff0d;height:1px;margin:6px 16px}.mobile-menu-footer{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:8px;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.mobile-user-info{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:10px;margin-bottom:2px;padding:10px 12px}.mobile-user-avatar{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:34px;justify-content:center;width:34px}.mobile-user-details{flex:1 1;min-width:0}.mobile-user-email{color:silver;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-role{color:#f97316;font-size:10px;font-weight:600;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.mobile-btn{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:46px;transition:all .2s ease;width:100%}.mobile-btn:active{transform:scale(.98)}.mobile-btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);border:none;box-shadow:0 4px 12px #f9731640;color:#fff}.mobile-btn-primary:hover{box-shadow:0 6px 16px #f9731659}.mobile-btn-secondary{background:#0000;border:1px solid #ffffff1f;color:silver}.mobile-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff2e;color:#fff}.mobile-btn-ghost{background:#0000;border:none;color:#777;font-size:13px;font-weight:500;min-height:38px}.mobile-btn-ghost:hover{background:#ffffff0a;color:#fff}@media (max-width:1024px){.mobile-menu-button{display:flex}}@media (prefers-reduced-motion:reduce){.mobile-btn,.mobile-menu,.mobile-menu-overlay,.mobile-nav-item{transition:none}}
/*# sourceMappingURL=main.7f5c7149.css.map*/