:root { --black:#0b0a0a; --coal:#151313; --orange:#ff7a00; --amber:#ffa133; --sand:#f2d28b; --gold:#d08a2e; --cream:#fff8ee; --muted:#a99e92; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--cream); font-family:Inter,"Golos Text",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.hero { min-height:920px; overflow:hidden; position:relative; background:radial-gradient(circle at 72% 35%, rgba(255,122,0,.12), transparent 28%), linear-gradient(130deg,#080707 0%,#0e0c0b 60%,#1c0d03 100%); border-bottom:1px solid rgba(255,161,51,.18); }
.hero:before { content:""; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,black,transparent 90%); }
.nav { height:98px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; border-bottom:1px solid rgba(255,255,255,.08); }
.brand { display:flex; align-items:center; gap:12px; }
.brand-mark { font-size:31px; filter:drop-shadow(0 0 12px rgba(255,122,0,.8)); }
.brand b { display:block; font-size:19px; font-weight:900; letter-spacing:.08em; }
.brand small { display:block; margin-top:3px; color:var(--sand); font-size:8px; text-transform:uppercase; letter-spacing:.16em; white-space:nowrap; }
.nav-links { display:flex; gap:34px; color:#d0c7bf; font-size:13px; }
.nav-links a:hover,.text-link:hover { color:var(--amber); }
.button { display:inline-flex; min-height:48px; padding:0 24px; align-items:center; justify-content:center; border:1px solid transparent; border-radius:5px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; font-size:11px; transition:.2s ease; }
.button-ghost { border-color:rgba(255,161,51,.65); color:var(--sand); }
.button-ghost:hover { background:rgba(255,122,0,.1); box-shadow:0 0 24px rgba(255,122,0,.15); }
.button-fire { background:linear-gradient(135deg,var(--orange),var(--amber)); color:#130a02; box-shadow:0 12px 40px rgba(255,122,0,.25); }
.button-fire:hover { transform:translateY(-2px); box-shadow:0 16px 50px rgba(255,122,0,.4); }
.hero-grid { min-height:700px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:50px; position:relative; z-index:2; }
.eyebrow,.kicker { color:var(--sand); font-size:10px; font-weight:800; letter-spacing:.19em; text-transform:uppercase; }
.eyebrow i { width:28px; height:1px; background:var(--orange); display:inline-block; vertical-align:middle; margin-right:10px; box-shadow:0 0 8px var(--orange); }
.hero h1 { margin:23px 0 22px; font-size:clamp(54px,6.4vw,92px); line-height:.9; letter-spacing:-.065em; font-weight:950; max-width:800px; }
.hero h1 span,.section h2 em,.band-grid h2 em,.booking h2 em { font-style:normal; color:var(--amber); text-shadow:0 0 32px rgba(255,122,0,.55); }
.hero-copy>p { max-width:630px; color:#bdb3aa; line-height:1.75; font-size:16px; }
.hero-actions { display:flex; align-items:center; gap:32px; margin-top:34px; }
.text-link { font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.text-link span { color:var(--orange); }
.trust-row { display:flex; margin-top:65px; gap:50px; }
.trust-row div { display:flex; flex-direction:column; border-left:1px solid rgba(255,161,51,.35); padding-left:14px; }
.trust-row strong { font-size:23px; color:var(--sand); }
.trust-row span { margin-top:3px; color:#766e68; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.crm-teaser { position:relative; height:560px; perspective:1000px; }
.panel { position:absolute; background:linear-gradient(150deg,rgba(32,27,24,.95),rgba(11,10,10,.94)); border:1px solid rgba(255,161,51,.2); box-shadow:0 30px 80px rgba(0,0,0,.5); backdrop-filter:blur(16px); }
.main-panel { width:390px; height:255px; left:46px; top:132px; padding:30px; transform:rotateY(-6deg) rotateX(3deg); z-index:2; }
.panel-head { display:flex; justify-content:space-between; font-size:9px; letter-spacing:.15em; color:#7f756d; }
.panel-head span { color:var(--amber); }.panel-head i { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--orange); box-shadow:0 0 8px var(--orange); }
.main-panel>p { margin:28px 0 7px; color:#958a80; font-size:12px; }.main-panel>strong { font-size:36px; letter-spacing:-.04em; }.main-panel>small { color:#8bd49d; font-size:9px; }
.spark { height:56px; display:flex; gap:13px; align-items:end; margin:11px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.spark span { width:24px; background:linear-gradient(var(--amber),rgba(255,122,0,.12)); height:25%; box-shadow:0 0 10px rgba(255,122,0,.25); }.spark span:nth-child(2){height:39%}.spark span:nth-child(3){height:33%}.spark span:nth-child(4){height:59%}.spark span:nth-child(5){height:48%}.spark span:nth-child(6){height:78%}.spark span:nth-child(7){height:92%}
.mini-panel { width:170px; height:115px; padding:19px; z-index:4; display:flex; flex-direction:column; }.mini-panel span,.mini-panel small{color:#827970;font-size:8px;letter-spacing:.1em}.mini-panel strong{font-size:28px;color:var(--sand);margin:8px 0 2px}.mini-panel.left{left:0;bottom:60px}.mini-panel.right{right:0;top:70px}
.neon-ring { position:absolute; width:260px;height:260px;border-radius:50%;border:2px solid var(--orange);right:20px;top:175px;box-shadow:0 0 22px var(--orange),inset 0 0 28px rgba(255,122,0,.35);opacity:.55;display:grid;place-items:center}.neon-ring:before{content:"";position:absolute;inset:25px;border:1px solid rgba(255,161,51,.35);border-radius:50%}.neon-ring span{font-size:70px;font-weight:950;color:rgba(255,210,139,.12)}
.orb { position:absolute;border-radius:50%;filter:blur(2px);background:var(--orange);box-shadow:0 0 60px var(--orange);}.orb-one{width:8px;height:8px;left:15px;top:100px}.orb-two{width:5px;height:5px;right:50px;bottom:45px}
.ticker { position:absolute;bottom:0;left:0;right:0;height:62px;display:flex;align-items:center;justify-content:space-around;gap:20px;border-top:1px solid rgba(255,161,51,.16);color:#504943;font-size:11px;letter-spacing:.22em;white-space:nowrap;}.ticker b{color:var(--orange)}
.section { padding-block:125px; }
.section-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:55px; }
.section h2,.band-grid h2,.booking h2 { font-size:clamp(44px,5.2vw,74px); line-height:.92; letter-spacing:-.055em; margin:16px 0 0; font-weight:950; }
.section-head>p { color:var(--muted); max-width:440px; line-height:1.7; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.service-card { position:relative; min-height:330px; padding:30px; background:var(--coal); border:1px solid rgba(255,255,255,.07); transition:.25s; overflow:hidden; }
.service-card:hover { transform:translateY(-5px); border-color:rgba(255,161,51,.35); background:#1b1714; }
.service-card>span { color:#5b534c;font-size:10px;}.service-icon{height:85px;display:grid;place-items:center;font-size:38px;color:var(--orange);text-shadow:0 0 22px var(--orange)}.service-card h3{text-transform:uppercase;font-size:22px;margin:16px 0 10px}.service-card p{color:#9a9087;font-size:13px;line-height:1.7;min-height:70px}.service-card a{color:var(--sand);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.studio-band { background:linear-gradient(110deg,#20160e,#110e0c); border-block:1px solid rgba(255,161,51,.2); padding:90px 0; overflow:hidden; }
.band-grid { display:grid; grid-template-columns:.55fr 1.2fr 1fr; align-items:center; gap:60px; }
.big-mark { font-size:120px;font-weight:950;color:rgba(255,161,51,.07);letter-spacing:-.1em;text-shadow:0 0 80px rgba(255,122,0,.12)}.band-grid p{color:#ab9f94;line-height:1.8}
.pro-card { border:1px solid rgba(255,161,51,.25); padding:58px; display:grid;grid-template-columns:1.2fr .8fr .7fr;gap:55px;align-items:center;background:radial-gradient(circle at 90% 30%,rgba(255,122,0,.12),transparent 30%),#11100f}.pro-card h2{font-size:53px}.pro-card h2 span{color:var(--orange)}.pro-card p{color:#a99e92;line-height:1.7}.pro-points div{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:15px;font-size:12px}.pro-points b{color:var(--orange)}.pro-quote{font-family:Georgia,serif;font-style:italic;color:var(--sand)!important;font-size:18px}
.booking { background:var(--orange); color:#140b04; padding:100px 0; text-align:center; }.booking .kicker{color:#512600}.booking h2 em{color:#fff8ee;text-shadow:none}.booking p{max-width:540px;margin:22px auto 30px;line-height:1.7}.button-light{background:var(--cream);color:#1b0d03}.button-light:hover{transform:translateY(-2px)}
.footer { min-height:130px; display:flex;align-items:center;justify-content:space-between;color:#766e68;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
@media (max-width:900px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr;padding-top:70px}.crm-teaser{height:500px}.hero{min-height:1260px}.section-head,.band-grid{display:block}.section-head>p{margin-top:28px}.service-grid{grid-template-columns:1fr}.band-grid>*{margin-bottom:28px}.pro-card{grid-template-columns:1fr}.ticker{overflow:hidden;justify-content:flex-start;padding-left:20px}.footer{flex-wrap:wrap;gap:18px;padding-block:32px}}
@media (max-width:560px){.shell{width:min(100% - 28px,1180px)}.nav{height:80px}.brand small{display:none}.nav .button{padding:0 13px;min-height:40px}.hero h1{font-size:48px}.hero-grid{min-height:auto}.trust-row{gap:14px;justify-content:space-between}.trust-row div{padding-left:8px}.trust-row strong{font-size:18px}.crm-teaser{transform:scale(.75);transform-origin:left top;width:133%;height:430px}.hero{min-height:1120px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.section{padding-block:80px}.section h2,.band-grid h2,.booking h2{font-size:44px}.section-head{margin-bottom:35px}.pro-card{padding:32px 22px}.footer{display:block}.footer>*{margin:15px 0}}

.login-page{min-height:100vh;background:radial-gradient(circle at 75% 25%,rgba(255,122,0,.15),transparent 32%),#0b0a0a}
.login-shell{min-height:100vh;width:min(1050px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:80px}
.login-brand{align-self:start;margin-top:42px}
.login-card{grid-column:2;padding:44px;background:linear-gradient(145deg,#171310,#0f0e0d);border:1px solid rgba(255,161,51,.25);box-shadow:0 36px 90px rgba(0,0,0,.5)}
.login-card h1{font-family:Manrope,Inter,sans-serif;font-size:44px;letter-spacing:-.05em;margin:14px 0 8px}
.login-card>p{color:#8f857d;font-size:13px}
.login-card form{display:flex;flex-direction:column;gap:18px;margin-top:32px}
.login-card label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#9c9188}
.login-card input{display:block;width:100%;height:50px;margin-top:8px;padding:0 14px;background:#0b0a0a;color:#fff8ee;border:1px solid #342921;border-radius:3px;font-size:15px;outline:none}
.login-card input:focus{border-color:#ff7a00;box-shadow:0 0 0 3px rgba(255,122,0,.12)}
.login-card .button{width:100%;cursor:pointer;margin-top:4px}
.login-error{margin-top:20px;padding:12px 14px;background:rgba(190,61,40,.13);border:1px solid rgba(255,96,66,.3);color:#ffb8a9;font-size:12px}
.login-back{display:inline-block;margin-top:24px;color:#81766e;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:760px){.login-shell{display:block;padding:26px 0}.login-brand{margin-top:0}.login-card{margin-top:80px;padding:30px 22px}.login-card h1{font-size:36px}}