:root{--color-primary:#8b5cf6;--color-primary-dark:#7c3aed;--color-primary-light:#a78bfa;--color-secondary:#ec4899;--color-accent:#06b6d4;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-hero:linear-gradient(135deg,#8b5cf6,#ec4899);--gradient-card:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(236,72,153,0.1));--gradient-button:linear-gradient(135deg,#8b5cf6,#7c3aed);--color-bg:#0f0f0f;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#262626;--color-surface:#ffffff;--color-surface-hover:#f8fafc;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-inverse:#ffffff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-glow:0 0 20px rgba(139,92,246,0.3);--shadow-card:0 4px 20px rgba(0,0,0,0.08);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55)}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);line-height:1.6;overflow-x:hidden}.container{max-width:1280px}.container,.container-narrow{margin:0 auto;padding:0 var(--spacing-lg)}.container-narrow{max-width:960px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;font-size:16px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-button);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.btn-large{padding:16px 40px;font-size:18px;border-radius:var(--radius-lg)}.btn-small{padding:8px 16px;font-size:14px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-glass{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.input{width:100%;padding:12px 16px;font-size:16px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:all var(--transition-base);font-family:var(--font-sans)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(139,92,246,.1)}.textarea{resize:vertical;min-height:120px;font-family:var(--font-sans);line-height:1.6}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:rgba(139,92,246,.1);color:var(--color-primary)}.badge-success{background:rgba(16,185,129,.1);color:var(--color-success)}.badge-warning{background:rgba(245,158,11,.1);color:var(--color-warning)}.badge-error{background:rgba(239,68,68,.1);color:var(--color-error)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--color-text-inverse);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent}@media (max-width:768px){.container{padding:0 var(--spacing-md)}.btn-large{padding:14px 32px;font-size:16px}.card{padding:var(--spacing-lg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-border-light)}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:rgba(139,92,246,.2);color:var(--color-text)}:root{--bg:#0a0a12;--panel:#14141f;--panel2:#1a1a2a;--line:#26263a;--text:#f4f4f8;--muted:#b3b3c8;--dim:#8a8a9e;--grad:linear-gradient(90deg,#8b5cf6,#ec4899 55%,#f59e0b)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:#c4b5fd}main{max-width:1080px;margin:0 auto;padding:28px 20px 64px}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.site-topbar{padding:4px 0}.top-actions{display:flex;align-items:center;gap:10px}.top-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 18px;border-radius:999px;background:#f4f4f8;color:#11111a;font-size:14px;font-weight:800;text-decoration:none}.top-cta:hover{background:#fff;transform:translateY(-1px)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.5px}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--grad);display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.nav-links{display:flex;gap:20px}.nav-links a{color:var(--muted);text-decoration:none;font-size:14px}.nav-links a:hover{color:#fff}.credits{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;white-space:nowrap}.hero{text-align:center;padding:56px 12px 40px}.badge{display:inline-block;background:#1e1b33;border:1px solid #3b2f6b;color:#d8b4fe;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.hero h1{font-size:56px;line-height:1.05;letter-spacing:-1.5px;margin:20px 0 12px}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}h1{font-size:40px;line-height:1.15;margin:0 0 8px}h1,h2{letter-spacing:-.5px}h2{font-size:26px}.sub{color:var(--muted);margin:0 0 12px;line-height:1.6;font-size:17px}.hero .sub{margin:0 auto 12px;max-width:640px;font-size:18px}.cta-row{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.btn-secondary{display:inline-block;padding:14px 22px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:16px;font-weight:700;text-decoration:none}.hero .btn-secondary:hover{background:#282044;color:#fff;border-color:#8b5cf6}.hero .btn-secondary:focus-visible{background:#282044;color:#fff;border-color:#8b5cf6;outline:2px solid #c4b5fd;outline-offset:3px}.hero .btn-secondary:active{background:#34295b}.trust{color:var(--dim);font-size:13px;margin-top:18px}.primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:12px;border:0;background:var(--grad);color:#fff;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 10px 30px rgba(236,72,153,.25)}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary.cta{width:auto;margin-top:0}.studio-wrap{max-width:820px;margin:0 auto}.studio{background:var(--grad);padding:1.5px;border-radius:20px}.studio-body{background:#12121e;border-radius:19px;padding:26px}.compact-studio{padding:20px}.field-label{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}.compact-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}.compact-heading .field-label{margin:0}.compact-hint{color:var(--dim);font-size:12px}.prompt-box{background:#171722;border:1px solid var(--line);border-radius:16px}.prompt-input{display:block;width:100%;min-height:112px;border:0;border-radius:16px 16px 0 0;background:transparent;color:var(--text);padding:16px;resize:vertical;line-height:1.6;font-size:15px}.prompt-input:focus{outline:none;box-shadow:none}.prompt-toolbar{display:flex;align-items:center;gap:7px;padding:10px;border-top:1px solid var(--line)}.submit-icon,.tool-icon{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}.tool-icon.active,.tool-icon:hover{color:#fff;border-color:#8b5cf6;background:#251e45}.tool-icon:disabled{opacity:.55;cursor:default}.tool-dropdown{position:relative;display:inline-flex}.tool-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;min-height:34px;max-width:150px;border:1px solid var(--line);border-radius:999px;background:#1d1d2a;color:var(--muted);padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}.tool-dropdown-trigger.active,.tool-dropdown-trigger:hover{color:#fff;border-color:#8b5cf6;background:#251e45}.tool-dropdown-trigger>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-chevron{color:#9188b7;font-size:14px;line-height:1;margin-left:2px}.tool-dropdown-menu{position:absolute;z-index:30;left:0;bottom:calc(100% + 9px);min-width:170px;padding:6px;border:1px solid #51427f;border-radius:14px;background:#211d35;box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 0 1px rgba(139,92,246,.12)}.tool-dropdown-menu.wide{min-width:260px;display:grid;grid-template-columns:repeat(2,minmax(110px,1fr))}.tool-dropdown-option{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:9px;background:transparent;color:var(--muted);padding:9px 10px;font-size:13px;text-align:left;cursor:pointer}.tool-dropdown-option.selected,.tool-dropdown-option:hover{background:#34295b;color:#fff}.tool-dropdown-option.selected{font-weight:700}.prompt-spacer{flex:1 1}.submit-icon{width:38px;height:38px;padding:0;border:0;background:var(--grad);color:#fff;font-size:20px}.submit-icon:disabled{opacity:.55;cursor:default}.compact-input{width:100%;margin-top:10px;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 12px;font-size:14px}.compact-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.2)}.compact-submit-label{color:var(--dim);text-align:right;font-size:12px;margin-top:8px}.error{background:#3d1d22;border:1px solid #7a2e35;border-radius:12px;padding:12px 14px;margin-top:16px;font-size:14px}.result{background:var(--panel2);border:1px solid var(--line);border-left:3px solid #ec4899;border-radius:12px;padding:18px;margin-top:22px}.result audio{width:100%;margin-top:10px}.result a{display:inline-block;margin-top:10px;font-size:14px}.song{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px;margin-top:12px}.song audio{width:100%;margin-top:8px}.song small{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:48px auto 0;max-width:820px}.stat{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 12px}.stat b{display:block;font-size:26px}.stat span{color:var(--muted);font-size:13px}.section{margin-top:64px}.section-title{font-size:30px;margin:0 0 8px}.section-sub{color:var(--muted);margin:0 0 24px;line-height:1.6}.steps,.use-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.steps{grid-template-columns:repeat(3,1fr)}.step,.use-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.step p,.use-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:8px 0 0}.use-card a{font-size:14px;display:inline-block;margin-top:12px}.step-num{width:32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;color:var(--text);font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";flex:0 0 22px;font-size:20px;font-weight:400;line-height:1;text-align:center;color:#c4b5fd}.faq-item[open] summary:after{content:"-"}.faq-item summary:focus-visible{outline:2px solid #c4b5fd;outline-offset:4px;border-radius:2px}.faq-item p{color:var(--muted);line-height:1.6;margin:12px 0 0;font-size:14px}.platform-strip{max-width:980px;margin:46px auto 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;color:#76768b;font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.platform-track{display:flex;align-items:center;width:max-content;gap:30px;animation:platform-scroll 32s linear infinite}.platform-logo{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#8e8ea1}.platform-logo svg{width:24px;height:24px;color:var(--platform-color);flex:0 0 24px}.platform-logo span{transition:color .2s ease}.platform-logo:hover{color:#fff}@keyframes platform-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.process-section{max-width:960px;margin-left:auto;margin-right:auto;text-align:center}.process-section .section-sub{max-width:660px;margin-left:auto;margin-right:auto}.process-grid{text-align:left}.suite-section{max-width:960px;margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.feature-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;padding-bottom:18px}.feature-card>a,.feature-card>b,.feature-card>p{display:block;margin-left:18px;margin-right:18px}.feature-card>b{margin-top:16px;font-size:16px}.feature-card>p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:8px;min-height:64px}.feature-card>a{display:inline-flex;align-items:center;margin-top:12px;padding:8px 11px;border:1px solid #3a3157;border-radius:9px;background:#1c1930;font-size:13px;text-decoration:none}.feature-card>a:hover{border-color:#8b5cf6;background:#282044;color:#fff}.feature-art{height:132px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff}.feature-art:before{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 0);background-size:28px 28px;transform:perspective(160px) rotateX(35deg) scale(1.35);transform-origin:bottom}.feature-art:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 18px rgba(255,255,255,.05),0 0 0 38px rgba(255,255,255,.04)}.feature-art-purple{background:radial-gradient(circle at 30% 30%,#a78bfa,#24123f 72%)}.feature-art-blue{background:radial-gradient(circle at 70% 30%,#38bdf8,#0d1b42 72%)}.feature-art-pink{background:radial-gradient(circle at 35% 60%,#f472b6,#351331 72%)}.feature-art-orange{background:radial-gradient(circle at 70% 40%,#fb923c,#3e1608 72%)}.art-symbol{position:relative;z-index:1;font-size:46px;font-weight:800;text-shadow:0 5px 18px rgba(0,0,0,.35)}.art-caption{position:absolute;z-index:2;left:16px;bottom:13px;font-size:10px;letter-spacing:.18em;font-weight:800;color:rgba(255,255,255,.72)}.why-section{max-width:960px;margin:78px auto 0;text-align:center}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;text-align:left}.why-card{background:#11111b;border:1px solid var(--line);border-radius:16px;padding:22px}.why-card>span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#282044;color:#c4b5fd;font-size:18px}.why-card b{display:block;margin-top:16px}.why-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0 0}.creator-cta{max-width:960px;margin:70px auto 0;padding:28px 30px;border:1px solid #44366e;border-radius:20px;background:linear-gradient(110deg,rgba(139,92,246,.16),rgba(236,72,153,.08));display:flex;align-items:center;justify-content:space-between;gap:20px}.creator-cta h2{margin:0;font-size:25px}.creator-cta p{color:var(--muted);margin:7px 0 0;font-size:14px}.creator-cta a{text-decoration:none}.pricing-section{max-width:960px;margin:78px auto 0}.pricing-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.pricing-heading .section-sub{margin-bottom:0}.text-button{color:#c4b5fd;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.text-button:hover{color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:22px}.price-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:22px;min-height:210px}.price-card.featured{border-color:#8b5cf6;background:linear-gradient(145deg,#201a3d,#171722);box-shadow:0 12px 30px rgba(139,92,246,.16)}.price-card b{display:block;font-size:16px}.price-card strong{display:block;margin-top:16px;font-size:34px;letter-spacing:-.04em}.price-card strong small{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0}.price-card p{color:var(--muted);font-size:13px;line-height:1.5;min-height:42px;margin:8px 0 14px}.price-card a{color:#c4b5fd;font-size:13px;font-weight:700;text-decoration:none}.price-badge{position:absolute;top:-11px;right:16px;padding:4px 9px;border-radius:999px;background:var(--grad);color:#fff;font-size:10px;font-weight:800}.site-footer{max-width:960px;margin:78px auto 0;padding:34px 0 16px;border-top:1px solid var(--line);color:var(--dim);font-size:13px;line-height:1.6}.site-primary-links{display:flex;align-items:center;gap:18px;font-size:13px}.site-primary-links a{color:inherit;text-decoration:none;white-space:nowrap}.explore-links a:hover,.site-primary-links a:hover{text-decoration:underline}.explore-links{max-width:960px;margin:52px auto 0;padding:24px 20px;border-top:1px solid var(--line,#ddd)}.explore-links h2{margin:0 0 14px;font-size:20px;text-align:left}.explore-links div{display:flex;flex-wrap:wrap;gap:10px 22px}.explore-links a{color:inherit;font-size:14px;text-underline-offset:3px}.lyrics-guide{max-width:960px;margin:0 auto;padding:24px 20px 60px}.lyrics-guide-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.lyrics-guide-header a{color:inherit}.lyrics-guide-intro{padding:74px 0 48px}.lyrics-guide-intro h1{font-size:clamp(36px,5vw,56px);line-height:1.1;max-width:760px}.lyrics-guide-intro p{max-width:680px;margin:18px 0 26px;font-size:18px}.lyrics-guide>section:not(.lyrics-guide-intro){padding:28px 0;border-top:1px solid var(--line,#ddd)}.lyrics-guide h2{font-size:25px;margin-bottom:14px}.lyrics-guide h3{font-size:17px;margin:16px 0 5px}.lyrics-guide li,.lyrics-guide p{max-width:760px;line-height:1.75}.lyrics-guide ol{padding-left:24px}.lyrics-guide li+li{margin-top:12px}.lyrics-guide pre{max-width:760px;overflow-x:auto;margin:12px 0;padding:18px;border-radius:6px;background:#1b1a27;color:#f5f5f8;line-height:1.7}.lyrics-guide footer{margin-top:24px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);grid-gap:26px;gap:26px}.footer-brand .brand{display:inline-flex;color:var(--text);font-size:17px}.footer-brand p{max-width:260px;margin-top:14px;color:var(--muted)}.footer-column{display:flex;flex-direction:column;gap:8px}.footer-column b{color:var(--text);margin-bottom:5px}.footer-column a{color:var(--muted);text-decoration:none}.footer-column a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:28px;padding-top:16px}.footer-bottom,footer{border-top:1px solid var(--line)}footer{margin-top:56px;color:var(--dim);font-size:13px;line-height:1.7;padding-top:24px}.lang-select{width:auto;flex-shrink:0;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:7px 10px;font-size:13px;cursor:pointer}.google-btn-wrap{display:inline-flex}.login-button{border:1px solid var(--line);border-radius:999px;background:#171722;color:var(--text);padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer}.login-button:hover{border-color:#8b5cf6;background:#251e45}.auth-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-modal{position:relative;width:min(426px,100%);padding:26px 24px 25px;border:1px solid #3b3e48;border-radius:21px;background:#1b1e23;box-shadow:0 25px 90px rgba(0,0,0,.65);color:#f4f4f8}.auth-modal h2{margin:0;font-size:25px;letter-spacing:-.02em}.auth-close{position:absolute;top:17px;right:21px;border:0;background:transparent;color:#f4f4f8;font-size:23px;line-height:1;cursor:pointer;opacity:.9}.auth-close:hover{opacity:1;color:#c4b5fd}.auth-subtitle{margin:5px 0 23px;color:#7d8089;font-size:14px}.google-modal-button{position:relative;height:42px;overflow:hidden}.google-continue{width:100%;height:42px;border:1px solid #41444d;background:#2d3035;color:#f4f4f8;font-size:15px;font-weight:700;cursor:pointer}.google-icon{width:18px;height:18px;margin-right:9px;vertical-align:middle}.google-continue:hover{background:#363940}.google-modal-hit{position:absolute;inset:0;z-index:2;opacity:0}.google-modal-hit iframe{width:100%!important;height:100%!important}.auth-divider{display:flex;align-items:center;gap:10px;margin:20px 0 18px;color:#7d8089;font-size:14px}.auth-divider:after,.auth-divider:before{content:"";height:1px;flex:1 1;background:#33363e}.auth-divider span{white-space:nowrap}.auth-modal form>label{display:block;margin:0 0 8px;color:#f4f4f8;font-size:14px;font-weight:600}.auth-modal form>label em{color:#fb7185;font-style:normal}.auth-modal input[type=email],.auth-modal input[type=password]{width:100%;height:40px;margin:0 0 17px;padding:0 12px;border:1px solid #2d3037;border-radius:6px;background:#0d0e11;color:#f4f4f8;font-size:14px}.auth-modal input[type=email]:focus,.auth-modal input[type=password]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.18)}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:0 0 27px;color:#e3e3e8;font-size:14px}.remember{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.remember input{width:16px;height:16px;accent-color:#8b5cf6}.forgot{border:0;background:transparent;color:#e3e3e8;font-size:14px;cursor:pointer}.forgot:hover{color:#c4b5fd}.auth-submit{width:100%;height:48px;border:0;background:#f4f1ed;color:#111217;font-size:16px;font-weight:800;cursor:pointer}.auth-submit:hover{background:#fff}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-message{margin:14px 0 0;color:#fbbf24;font-size:13px}.auth-switch{margin:18px 0 0;text-align:center;color:#858994;font-size:13px}.auth-switch button{border:0;background:transparent;color:#c4b5fd;font-size:inherit;cursor:pointer}.auth-switch button:hover{color:#fff}.google-login-wrap{position:relative;display:inline-flex;min-width:82px;min-height:40px}.google-hit-area{position:absolute;inset:0;z-index:3;opacity:0;overflow:hidden;border-radius:999px}.google-hit-area:empty{pointer-events:none}.google-hit-area:not(:empty){pointer-events:auto}.google-hit-area iframe{width:100%!important;height:100%!important}.google-pending{background:#fff;color:#3c4043;border-radius:4px;padding:9px 14px;font-size:14px;font-weight:600;white-space:nowrap}.account-avatar,.google-pending{display:inline-flex;align-items:center}.account-avatar{justify-content:center;width:40px;height:40px;border:1px solid #51516a;border-radius:50%;background:#252438;color:#fff;text-decoration:none;overflow:hidden;transition:border-color .2s,box-shadow .2s}.account-avatar:focus-visible,.account-avatar:hover{border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.18);outline:none}.account-avatar img{display:block;width:100%;height:100%;object-fit:cover}.account-avatar span{font-size:16px;font-weight:800}.cookie-banner{position:fixed;z-index:90;bottom:18px;left:50%;width:min(920px,calc(100% - 32px));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 18px;border:1px solid #3a394a;border-radius:8px;background:#1b1a27;box-shadow:0 16px 48px rgba(0,0,0,.45);color:#eeeef5}.cookie-banner p{min-width:0;margin:0;color:#c2c0d0;font-size:13px;line-height:1.5}.cookie-actions{display:flex;align-items:center;flex-shrink:0;gap:9px}.cookie-actions button{min-height:36px;padding:0 13px;border:1px solid #575267;border-radius:6px;background:#282636;color:#f4f4f8;font-size:12px;font-weight:700;cursor:pointer}.cookie-actions button:hover{background:#39334c}.cookie-actions .cookie-btn-accept{border-color:transparent;background:linear-gradient(90deg,#9957dc,#d858aa,#ec873e);color:#fff}.cookie-actions .cookie-btn-accept:hover{filter:brightness(1.12)}.cookie-actions a{padding:7px 4px;color:#d8b5ed;font-size:12px;text-decoration:none;white-space:nowrap}.cookie-actions a:hover{color:#fff}@media (max-width:720px){.cookie-banner{bottom:max(12px,env(safe-area-inset-bottom));align-items:stretch;flex-direction:column;gap:12px;padding:15px}.cookie-actions{flex-wrap:wrap}main{padding:20px 16px 48px}.nav-links{display:none}.hero{padding:36px 0 28px}.hero h1{font-size:38px}.stats{grid-template-columns:1fr 1fr}.feature-grid,.pricing-grid,.steps,.use-grid,.why-grid{grid-template-columns:1fr}.pricing-heading{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.site-primary-links{display:none}.footer-bottom{flex-direction:column}.platform-strip{justify-content:center}.creator-cta{flex-direction:column;align-items:flex-start}.prompt-toolbar{flex-wrap:wrap}.prompt-spacer{display:none}.submit-icon{margin-left:auto}.studio-body{padding:18px}}