:root{--ink:#f7f8ff;--muted:#9ba6c1;--bg:#070b14;--panel:#0e1524;--panel-2:#121b2d;--line:rgba(143,163,211,.17);--violet:#7c6df2;--violet-2:#a78bfa;--cyan:#55d6e8;--green:#43d5a0;--danger:#fb7185;--shadow:0 30px 80px rgba(0,0,0,.42);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--bg);font-family:"Plus Jakarta Sans",sans-serif}.backdrop{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 8% 4%,rgba(85,214,232,.11),transparent 25%),radial-gradient(circle at 82% 10%,rgba(124,109,242,.16),transparent 27%),linear-gradient(180deg,#070b14,#0a0f1b 45%,#080c15)}.site-header{position:sticky;top:14px;z-index:20;width:min(1180px,calc(100% - 28px));min-height:68px;margin:14px auto 0;padding:10px 12px 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(11,16,28,.78);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 14px 40px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--violet),#4f46e5);border-radius:12px;box-shadow:0 10px 25px rgba(99,102,241,.3)}.brand-mark svg,.notice svg,.empty-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand strong,.brand small{display:block}.brand strong{font-size:.92rem}.brand small{margin-top:2px;color:#7885a5;font-size:.65rem}.site-header nav{display:flex;gap:28px}.site-header nav a{color:#aeb7ce;text-decoration:none;font-size:.78rem;font-weight:600;transition:color .2s}.site-header nav a:hover{color:white}.button{min-height:42px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;color:white;border:1px solid transparent;border-radius:11px;font:700 .78rem "Plus Jakarta Sans",sans-serif;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid rgba(124,109,242,.42);outline-offset:2px}.button-primary{background:linear-gradient(135deg,#6d5fe7,#8b5cf6);box-shadow:0 12px 26px rgba(109,95,231,.25)}.button-primary:hover{background:linear-gradient(135deg,#7c6df2,#9b70f8)}.button-secondary,.button-quiet{color:#d9def0;background:rgba(255,255,255,.045);border-color:var(--line)}.button-secondary:hover,.button-quiet:hover{background:rgba(255,255,255,.08);border-color:rgba(167,139,250,.35)}.button-wide{width:100%}.hero{width:min(1180px,calc(100% - 32px));min-height:690px;margin:0 auto;padding:100px 0 80px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:80px}.eyebrow,.section-label{color:#9aa7ff;font:600 .68rem "Fira Code",monospace;letter-spacing:.11em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(67,213,160,.7)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:700px;margin:20px 0 24px;font-size:clamp(3rem,5.6vw,5.5rem);line-height:.96;letter-spacing:-.065em}.hero h1 em{color:var(--violet-2);font-style:normal}.hero-copy>p{max-width:620px;color:var(--muted);font-size:1.02rem;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-proof{display:flex;gap:28px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);color:#7f8ba8;font-size:.7rem}.hero-proof span,.hero-proof strong{display:block}.hero-proof strong{margin-bottom:4px;color:#dce3f6;font:600 .9rem "Fira Code",monospace}.poster-stage{position:relative;min-height:560px;display:grid;place-items:center}.stage-glow{position:absolute;width:78%;aspect-ratio:1;background:radial-gradient(circle,rgba(124,109,242,.22),transparent 66%);filter:blur(18px)}.sample-poster{position:relative;z-index:1;width:min(390px,82vw);aspect-ratio:4/5;padding:31px;display:flex;flex-direction:column;overflow:hidden;color:#0c1020;background:linear-gradient(145deg,#d9fbf5,#c9d7ff 55%,#e8d9ff);border:8px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 36px 80px rgba(0,0,0,.46);transform:rotate(2.5deg)}.sample-poster:after{content:"";position:absolute;width:230px;height:230px;right:-90px;bottom:55px;border:36px solid rgba(91,76,199,.15);border-radius:50%}.sample-top,.sample-footer{position:relative;z-index:1;display:flex;justify-content:space-between;font:600 .62rem "Fira Code",monospace;letter-spacing:.08em}.sample-poster h2{position:relative;z-index:1;margin:68px 0 16px;font-size:2.38rem;line-height:1.02;letter-spacing:-.06em}.sample-poster p{position:relative;z-index:1;max-width:270px;color:#35405e;font-size:.79rem;line-height:1.6}.sample-flow{position:relative;z-index:1;margin:auto 0;display:flex;align-items:center;gap:8px;font:600 .56rem "Fira Code",monospace}.sample-flow span{padding:7px 8px;border:1px solid #273452}.sample-flow i{width:16px;height:1px;background:#273452}.sample-footer{margin-top:auto}.stage-note{position:absolute;z-index:2;padding:9px 12px;color:#dfe4f6;background:#111929;border:1px solid var(--line);border-radius:8px;font:600 .62rem "Fira Code",monospace;box-shadow:var(--shadow)}.note-a{left:0;top:26%}.note-b{right:-4%;bottom:21%}.studio-grid,.account-grid{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.panel{padding:28px;background:linear-gradient(145deg,rgba(17,25,42,.94),rgba(11,17,30,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 22px 55px rgba(0,0,0,.2)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.panel-heading h2{margin:6px 0 0;font-size:1.28rem;letter-spacing:-.035em}.step-pill,.lock-mark,.count-pill,.status-dot{padding:6px 9px;color:#aab4d1;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:7px;font:600 .58rem "Fira Code",monospace}.status-dot{color:#94f1c9}form{display:grid;gap:16px}label{display:grid;gap:8px;color:#aeb8d1;font-size:.72rem;font-weight:600}input,textarea,select{width:100%;padding:13px 14px;color:#eef1fb;background:#090f1b;border:1px solid rgba(143,163,211,.2);border-radius:10px;font:500 .8rem "Plus Jakarta Sans",sans-serif}textarea{min-height:160px;resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{border-color:#796cf0;box-shadow:0 0 0 3px rgba(124,109,242,.12);outline:none}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{margin:4px 0;padding:14px;display:flex;gap:12px;color:#b8c2da;background:rgba(85,214,232,.055);border:1px solid rgba(85,214,232,.14);border-radius:12px}.notice svg{flex:0 0 20px;color:var(--cyan)}.notice strong,.notice span{display:block}.notice strong{font-size:.74rem}.notice span{margin-top:4px;color:#8190af;font-size:.67rem;line-height:1.5}.preview-panel{min-height:560px}.empty-preview{min-height:430px;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center;background:radial-gradient(circle at center,rgba(124,109,242,.08),transparent 46%);border:1px dashed rgba(143,163,211,.2);border-radius:16px}.empty-icon{width:52px;height:52px;display:grid;place-items:center;color:#b3aaf9;background:rgba(124,109,242,.13);border-radius:15px}.empty-preview h3{margin:18px 0 8px;font-size:1rem}.empty-preview p{max-width:330px;margin:0;color:#7e8ba9;font-size:.73rem;line-height:1.65}.workflow,.account-section{width:min(1180px,calc(100% - 32px));margin:120px auto 0}.section-intro{max-width:690px;margin-bottom:42px}.section-intro.compact{margin-bottom:30px}.section-intro h2{margin:10px 0 15px;font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.055em}.section-intro p{color:var(--muted);line-height:1.75}.workflow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workflow-track article{position:relative;min-height:280px;padding:22px;overflow:hidden;background:#0d1422;border:1px solid var(--line);border-radius:18px}.workflow-track article>b{position:absolute;right:16px;top:14px;color:#53607d;font:600 .6rem "Fira Code",monospace}.workflow-icon{width:48px;height:48px;margin:40px 0 35px;display:grid;place-items:center;color:#c6bfff;background:rgba(124,109,242,.12);border:1px solid rgba(124,109,242,.19);border-radius:13px;font:600 .7rem "Fira Code",monospace}.workflow-track h3{margin-bottom:10px}.workflow-track p{margin:0;color:#7e8ba9;font-size:.72rem;line-height:1.7}.account-grid{width:100%}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:4px;background:#090f1b;border-radius:10px}.auth-tabs button{padding:9px;color:#7f8ba7;background:transparent;border:0;border-radius:8px;font:700 .7rem "Plus Jakarta Sans",sans-serif;cursor:pointer}.auth-tabs button.active{color:white;background:#182239}.form-note{margin:0;color:#6f7d9d;font-size:.63rem;line-height:1.5;text-align:center}.identity{display:flex;align-items:center;gap:13px;margin-bottom:20px;padding:16px;background:#090f1b;border:1px solid var(--line);border-radius:12px}.identity>span{width:40px;height:40px;display:grid;place-items:center;color:white;background:#6257d7;border-radius:11px;font-weight:800}.identity strong,.identity small{display:block}.identity strong{font-size:.76rem}.identity small{margin-top:4px;color:#7684a3;font-size:.64rem}.record-list{display:grid;gap:8px;margin-top:20px}.record-item{padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#090f1b;border:1px solid var(--line);border-radius:10px}.record-item strong,.record-item small{display:block}.record-item strong{font-size:.7rem}.record-item small{margin-top:3px;color:#6e7c9d;font:500 .58rem "Fira Code",monospace}.empty-records{margin:0;padding:18px;color:#71809f;background:#090f1b;border-radius:10px;font-size:.68rem;text-align:center}.form-status{margin:14px 0 0;padding:10px 12px;border-radius:9px;font-size:.68rem}.form-status.error{color:#ffc4ce;background:rgba(251,113,133,.1)}.form-status.success{color:#a7f3d0;background:rgba(67,213,160,.1)}.history-card{margin-top:18px}.history-list{display:grid;gap:10px}.history-empty{padding:34px;display:grid;gap:6px;color:#9eabc6;background:#090f1b;border:1px dashed var(--line);border-radius:14px;text-align:center}.history-empty span{color:#6c7a99;font-size:.68rem}.hidden{display:none!important}footer{width:min(1180px,calc(100% - 32px));margin:100px auto 0;padding:34px 0 42px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer p{margin:0;color:#657391;font:500 .62rem "Fira Code",monospace}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.poster-stage{min-height:500px}.studio-grid,.account-grid{grid-template-columns:1fr}.workflow-track{grid-template-columns:1fr 1fr}.preview-panel{min-height:480px}}@media(max-width:600px){.site-header{top:8px;width:calc(100% - 16px);margin-top:8px}.brand small{display:none}.button-quiet{padding:9px 12px}.hero{width:calc(100% - 24px);padding:70px 0 55px}.hero h1{font-size:3rem}.hero-actions,.hero-proof{align-items:stretch;flex-direction:column}.hero-proof{gap:14px}.poster-stage{min-height:450px}.stage-note{display:none}.sample-poster{padding:25px}.sample-poster h2{margin-top:50px;font-size:2rem}.studio-grid,.workflow,.account-section{width:calc(100% - 20px)}.panel{padding:20px;border-radius:18px}.field-grid,.workflow-track{grid-template-columns:1fr}.workflow,.account-section{margin-top:80px}.workflow-track article{min-height:230px}.workflow-icon{margin:25px 0}.panel-heading{align-items:flex-start}.step-pill{display:none}footer{width:calc(100% - 24px);align-items:flex-start;flex-direction:column;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}