:root{--dash-bg:#06101d;--dash-panel:#0d1b2a;--dash-line:#20344a;--dash-text:#eef5ff;--dash-muted:#8fa1b6;--dash-gold:#f5b942;--dash-saffron:#f97316}
body{background:var(--dash-bg);color:var(--dash-text)}
header{position:fixed;inset:0 auto 0 0;width:244px;height:100vh;padding:28px 18px;display:flex;flex-direction:column;align-items:stretch;gap:28px;background:linear-gradient(180deg,#0d1b2a,#07111e);border:0;border-right:1px solid var(--dash-line);box-shadow:14px 0 42px #0003;z-index:50}
header .logo{padding:3px 7px;color:#fff}.logo span{background:linear-gradient(145deg,var(--dash-saffron),#cf3314);box-shadow:0 8px 22px #f9731640}.logo em{color:var(--dash-gold)}
header nav{display:flex;flex:0;flex-direction:column;gap:7px}header nav a{display:flex;align-items:center;color:#9eb0c4;padding:12px 14px;border:1px solid transparent;border-radius:12px;font-size:12px}header nav a:before{content:'◆';margin-right:10px;color:#415b73;font-size:8px}header nav a:hover,header nav a:first-child{color:#fff;background:linear-gradient(110deg,#f9731623,#f5b9420c);border-color:#f9731640}header nav a:hover:before,header nav a:first-child:before{color:var(--dash-saffron)}
.auth-actions{margin:auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-actions button{width:100%;padding:10px 8px}.auth-actions #accountBtn{grid-column:1/-1}
main,footer{margin-left:244px}.hero{min-height:520px;padding:58px clamp(26px,5vw,72px);grid-template-columns:minmax(0,1fr) 330px;gap:48px;background:radial-gradient(circle at 85% 15%,#f9731623,transparent 27%),radial-gradient(circle at 15% 5%,#0e749025,transparent 28%),linear-gradient(145deg,#081625,#06101d 66%);border-bottom:1px solid var(--dash-line)}
.badge,.section-tag{color:#ffca7b;background:#f9731618;border-color:#f9731645}.hero h1{font-size:clamp(38px,4.7vw,65px);color:#fff;max-width:790px}.hero h1 span{background:linear-gradient(100deg,#ffb13b,#ff6633);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:#9fb0c3;max-width:720px}.primary,.cta{background:linear-gradient(120deg,#ff8a1f,#dc3b0c);box-shadow:0 12px 28px #f9731630}.secondary{background:#122338;color:#ffd194;border-color:#2b4157}.trust span{color:#b8c6d6;background:#0d1b2ad9;border-color:#24374b;padding:9px 12px}.phone{background:#09131f;border:1px solid #2a4056;box-shadow:0 35px 85px #0008}.phone-screen{background:linear-gradient(#03101a35,#03101ad9),radial-gradient(circle at 70% 18%,#f7bd43,transparent 18%),linear-gradient(145deg,#f97316,#7f1d1d 55%,#07111e)}
.section{max-width:none;padding:66px clamp(26px,5vw,72px)}.section>h2,.section-head h2{color:#fff}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid article,.card,.pricing article{background:linear-gradient(145deg,#0e1e2f,#0b1827);border-color:var(--dash-line);box-shadow:0 18px 48px #0002;color:#eaf2fb}.feature-grid article{position:relative;overflow:hidden}.feature-grid article:after{content:'';position:absolute;width:80px;height:80px;right:-34px;top:-35px;border-radius:50%;background:#f9731615}.feature-grid p,.section-head p,.pricing p{color:var(--dash-muted)}
.studio{background:linear-gradient(180deg,#07121f,#081625);border-top:1px solid var(--dash-line);border-bottom:1px solid var(--dash-line)}.studio>.section-head{padding:20px 24px;margin-bottom:18px;background:#0c1a2a;border:1px solid var(--dash-line);border-radius:18px}.studio-lock{background:linear-gradient(120deg,#102137,#0b1928);border-color:#2a4056;color:#fff;box-shadow:0 18px 50px #0003}.studio-lock p{color:var(--dash-muted)}
.card h3{color:#f4f8fc}.fields label,.music,dialog label{color:#aebed0}.fields select,.fields input,dialog input,.export-row select{background:#081522;color:#eaf2fb;border-color:#294056}.drop{background:#0b1a2a;border-color:#f9731670}.drop:hover,.drop.drag{background:#f9731613;border-color:var(--dash-saffron)}.music{background:#081522;border-color:#294056}.safety-check{background:#081522;border-color:#294056;color:#aebed0}.ghost{background:#102136;color:#d9e5f2;border-color:#2b4056}.canvas-card{background:linear-gradient(160deg,#102136,#07111d)}canvas{border:1px solid #33485d;box-shadow:0 25px 60px #0008}.preview-title span{background:#172a3e;color:#ffca7b}.storyboard{background:#0b1928}.scene{background:#102238;border-color:#2a4056}.scene div{color:#dbe8f5}.empty,.notice,.micro{color:#879bb1}
.safety{background:radial-gradient(circle at 90% 10%,#f9731618,transparent 25%),#050d17;border-bottom:1px solid var(--dash-line)}.safety-grid article{background:#0c1a2a;border-color:#22364b}.policy-note,.safety-grid p{color:#8fa3b9}
#pricing{background:#07111d}.pricing article{padding:28px}.pricing article>strong{color:#fff}.pricing .popular{border-color:var(--dash-saffron);background:linear-gradient(145deg,#172132,#20170f);box-shadow:0 24px 60px #f9731618}.popular>i{background:linear-gradient(120deg,#f97316,#dc3b0c)}
footer{background:#040b13;border-top:1px solid #1b2c3e}.support-mail{background:#0d1b2a!important;border-color:#263a4f!important}
dialog{background:linear-gradient(145deg,#102136,#07121f);color:#f2f7fc;border:1px solid #2a4056}dialog::backdrop{background:#020711cc;backdrop-filter:blur(10px)}.auth-tabs{background:#07131f}.auth-tabs button{color:#8fa1b6}.auth-tabs button.active{background:#172a3e;color:#ffb45e;box-shadow:none}.payment-badge{background:#2c1c10;color:#ffc078;border-color:#6d3a1b}progress{accent-color:var(--dash-saffron)}
@media(max-width:980px){header{position:sticky;inset:auto;top:0;width:100%;height:68px;padding:0 16px;flex-direction:row;align-items:center;gap:12px}header nav{position:fixed;left:0;right:0;bottom:0;height:66px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:6px;background:#07111ef2;border-top:1px solid #26394d;backdrop-filter:blur(18px);z-index:60}header nav a{padding:8px 4px;display:grid;place-items:center;text-align:center;font-size:9px}header nav a:before{margin:0 0 3px}.auth-actions{margin-left:auto;display:flex}.auth-actions .primary{display:inline-flex}main,footer{margin-left:0}.hero{grid-template-columns:1fr;padding:54px 24px}.phone{display:none}footer{padding-bottom:92px}}
@media(max-width:620px){header .logo b{font-size:13px}.auth-actions button{font-size:9px;padding:8px}.hero{min-height:auto;text-align:left;padding:44px 16px}.hero h1{font-size:38px}.hero-actions,.trust{justify-content:flex-start}.section{padding:50px 14px}.feature-grid{grid-template-columns:1fr}.studio>.section-head{padding:17px}.section-head{align-items:flex-start;gap:12px}.section-head h2{font-size:27px}.card{padding:16px}.pricing{grid-template-columns:1fr}}