:root{
  --bg:#05060b; --bg2:#090b13; --panel:#11131f; --panel2:#171a2b;
  --gold:#d7a84f; --gold2:#ffe39a; --orange:#ff8a3d; --pink:#e43f7b;
  --text:#fff8ea; --muted:#b8b4c6; --soft:#ebe2cb;
  --line:rgba(255,255,255,.12); --line2:rgba(215,168,79,.35);
  --font-head:'Josefin Sans', Arial, sans-serif; --font-body:'Poppins', system-ui, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:
  radial-gradient(circle at 15% 0%,rgba(215,168,79,.13),transparent 28%),
  radial-gradient(circle at 85% 18%,rgba(228,63,123,.12),transparent 28%),
  linear-gradient(180deg,#05060b,#090a12 45%,#05060b);
  color:var(--text);font-family:var(--font-body);font-size:15.5px;line-height:1.7;overflow-x:hidden
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 75%)
}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.06;margin:0 0 16px;letter-spacing:-.025em}
h1{font-size:clamp(42px,6.2vw,92px);max-width:980px}
h2{font-size:clamp(30px,4.3vw,58px)}
h3{font-size:clamp(22px,2vw,30px)}
p{color:var(--muted);margin:0 0 18px}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.container{width:min(1200px,92%);margin:auto}
.nav{position:sticky;top:0;z-index:60;background:rgba(5,6,11,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav .in{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{font-family:var(--font-head);font-weight:700;font-size:25px;letter-spacing:-.04em}.logo span{color:var(--gold2)}
.menu{display:flex;gap:22px;align-items:center}.menu a{font-size:13px;color:#eee;opacity:.86;font-weight:600}.menu a:hover{color:var(--gold2);opacity:1}
.btn{
  display:inline-flex;gap:10px;align-items:center;justify-content:center;border:1px solid rgba(215,168,79,.55);
  background:linear-gradient(135deg,var(--gold2),var(--gold),#b66b1f);color:#08080b;padding:13px 22px;border-radius:999px;
  font-weight:800;box-shadow:0 15px 42px rgba(215,168,79,.18);transition:.25s;position:relative;overflow:hidden;white-space:nowrap
}
.btn:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:.55s}
.btn:hover{transform:translateY(-3px);box-shadow:0 20px 65px rgba(215,168,79,.30)}.btn:hover:before{transform:translateX(120%)}
.btn.dark{background:rgba(255,255,255,.055);color:var(--text);border-color:var(--line)}
.eyebrow{color:var(--gold2);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:800;margin-bottom:14px}
.hero{position:relative;min-height:94vh;display:grid;align-items:center;overflow:hidden;padding:90px 0}
.hero:before{
  content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(5,6,11,.96),rgba(5,6,11,.70) 45%,rgba(5,6,11,.93)),
  url('https://images.unsplash.com/photo-1501386761578-eac5c94b800a?q=80&w=2000&auto=format&fit=crop') center/cover;z-index:-3
}
.hero:after{
  content:"";position:absolute;width:620px;height:620px;border-radius:50%;
  background:conic-gradient(from 180deg,rgba(215,168,79,.0),rgba(215,168,79,.25),rgba(228,63,123,.12),rgba(215,168,79,.0));
  right:-180px;top:85px;filter:blur(2px);animation:spin 18s linear infinite;z-index:-1
}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero p{font-size:18px;max-width:790px;color:#d8d3c4}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;max-width:760px}
.stat{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:22px;padding:18px;backdrop-filter:blur(14px)}
.stat b{font-family:var(--font-head);font-size:34px;color:var(--gold2);display:block;line-height:1}
.stage-stack{position:relative;min-height:560px}
.stage-card{
  position:absolute;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.18);
  background:#111;box-shadow:0 30px 90px rgba(0,0,0,.42);background-size:cover;background-position:center;
}
.stage-card.one{width:72%;height:420px;right:0;top:40px;background-image:url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?q=80&w=900&auto=format&fit=crop');animation:float 5.5s ease-in-out infinite}
.stage-card.two{width:44%;height:260px;left:0;top:0;background-image:url('https://images.unsplash.com/photo-1571266028243-d220c6a7edbf?q=80&w=900&auto=format&fit=crop');animation:float 6.5s ease-in-out infinite reverse}
.stage-card.three{width:52%;height:300px;left:28px;bottom:0;background-image:url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?q=80&w=900&auto=format&fit=crop');animation:float 7s ease-in-out infinite}
.orbit-badge{position:absolute;right:22px;bottom:38px;background:rgba(8,9,15,.82);border:1px solid var(--line2);border-radius:24px;padding:18px;backdrop-filter:blur(16px);max-width:270px}
.orbit-badge b{font-family:var(--font-head);font-size:28px;color:var(--gold2)}
.marquee{white-space:nowrap;overflow:hidden;border-block:1px solid var(--line);background:#080910}
.marquee div{display:inline-block;padding:20px 0;animation:marquee 26s linear infinite;font-family:var(--font-head);font-size:34px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.42)}
.section{padding:96px 0;position:relative}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}
.section-head p{max-width:570px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.artist-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
.artist-feature{min-height:590px;border-radius:36px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:
linear-gradient(180deg,transparent 15%,rgba(0,0,0,.88)),
url('https://images.unsplash.com/photo-1521334884684-d80222895322?q=80&w=1100&auto=format&fit=crop') center/cover;border:1px solid var(--line);overflow:hidden;position:relative}
.artist-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(215,168,79,.16),transparent 40%,rgba(228,63,123,.12));mix-blend-mode:screen}
.artist-feature>*{position:relative;z-index:1}
.artist-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));border:1px solid var(--line);border-radius:30px;padding:22px;position:relative;overflow:hidden;transition:.35s;isolation:isolate
}
.card:hover{transform:translateY(-9px);border-color:rgba(215,168,79,.5);box-shadow:0 24px 80px rgba(0,0,0,.36)}
.card:before{content:"";position:absolute;inset:auto -90px -90px auto;width:210px;height:210px;background:radial-gradient(circle,rgba(215,168,79,.16),transparent 70%);z-index:-1}
.artist-card{padding:0}
.artist-img,.event-img,.team-img{height:300px;border-radius:30px 30px 0 0;background:#222 center/cover;position:relative;overflow:hidden}
.artist-img:after,.event-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.7))}
.artist-info{padding:22px}
.badge{display:inline-flex;background:rgba(215,168,79,.13);border:1px solid rgba(215,168,79,.28);color:var(--gold2);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}
.service-card{min-height:330px}.service-icon{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(215,168,79,.22),rgba(228,63,123,.12));border:1px solid rgba(215,168,79,.3);font-size:30px;margin-bottom:20px}
.service-card h3{font-size:28px}.service-card p{font-size:15px}
.process{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.process-item{padding:20px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid var(--line);min-height:190px}.process-item b{font-family:var(--font-head);font-size:36px;color:var(--gold2);display:block}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.panel{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:34px;padding:32px;backdrop-filter:blur(14px)}
.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;background:#0c0e16;border:1px solid var(--line);border-radius:16px;color:#fff;padding:14px 16px;font-family:var(--font-body)}.form textarea{min-height:120px}
.cta-band{border-radius:40px;padding:48px;background:
linear-gradient(135deg,rgba(215,168,79,.18),rgba(228,63,123,.10)),
url('https://images.unsplash.com/photo-1540039155733-5bb30b53aa14?q=80&w=1600&auto=format&fit=crop') center/cover;border:1px solid var(--line);position:relative;overflow:hidden}
.cta-band:before{content:"";position:absolute;inset:0;background:rgba(5,6,11,.72)}.cta-band>*{position:relative}
.footer{padding:48px 0;border-top:1px solid var(--line);background:#05060b}
.reveal{opacity:0;transform:translateY(32px);transition:.75s}.reveal.show{opacity:1;transform:none}
.stagger .reveal:nth-child(2){transition-delay:.08s}.stagger .reveal:nth-child(3){transition-delay:.16s}.stagger .reveal:nth-child(4){transition-delay:.24s}

/* Admin */
.admin-body{background:#f5f7fb;color:#111827;font-family:var(--font-body);font-size:14px}
.admin-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:#0b1020;color:#fff;padding:22px;position:sticky;top:0;height:100vh;overflow:auto}
.sidebar .logo{margin-bottom:24px}.side-link{display:flex;gap:10px;padding:12px 14px;border-radius:14px;color:#cbd5e1;margin:5px 0;font-weight:600}.side-link:hover,.side-link.active{background:#2563eb;color:#fff}
.admin-main{flex:1;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.crm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.crm-card{background:#fff;border:1px solid #e8edf5;border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.crm-card h3{font-size:13px;font-family:var(--font-body);color:#64748b;margin:0}.crm-card b{font-size:32px;color:#0f172a}
.admin-panel{background:#fff;border:1px solid #e8edf5;border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.04);margin-top:18px}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid #edf2f7;text-align:left}.table th{color:#64748b;font-size:12px;text-transform:uppercase}
.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-form input,.admin-form textarea,.admin-form select{padding:12px 14px;border:1px solid #d9e1ec;border-radius:12px;font-family:var(--font-body)}.admin-form textarea{grid-column:1/-1;min-height:105px}.admin-form button{width:max-content}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071021,#172554)}.login-card{width:min(440px,92%);background:#fff;border-radius:28px;padding:32px;color:#111}
.login-card h1{color:#111;font-size:36px}.login-card input{width:100%;padding:14px;border:1px solid #dde3ed;border-radius:14px;margin:8px 0}

@media(max-width:1050px){.hero-grid,.artist-showcase,.split{grid-template-columns:1fr}.stage-stack{min-height:500px}.grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{font-size:15px}.menu{display:none}.hero{min-height:auto;padding:85px 0}.hero-stats,.grid,.artist-mini-grid,.process,.crm-grid{grid-template-columns:1fr}.stage-stack{min-height:420px}.stage-card.one{height:330px}.stage-card.two,.stage-card.three{display:none}.section{padding:70px 0}.section-head{display:block}.admin-shell{display:block}.sidebar{width:100%;height:auto;position:relative}.admin-form{grid-template-columns:1fr}.marquee div{font-size:26px}}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-20px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}} 


/* V8 DARK CRM ADMIN */
.admin-body{
  background:#070b16;
  color:#e5edf9;
  font-family:var(--font-body);
  font-size:14px;
}
.admin-shell{display:flex;min-height:100vh;background:
radial-gradient(circle at 20% 0%,rgba(37,99,235,.20),transparent 32%),
radial-gradient(circle at 90% 10%,rgba(215,168,79,.12),transparent 28%),
#070b16}
.sidebar{
  width:292px;background:linear-gradient(180deg,#0c1222,#070b16);
  color:#fff;padding:22px;position:sticky;top:0;height:100vh;overflow:auto;
  border-right:1px solid rgba(255,255,255,.08)
}
.sidebar .logo{margin-bottom:24px;color:#fff}
.side-link{
  display:flex;gap:11px;padding:12px 14px;border-radius:15px;color:#aebdd5;margin:5px 0;
  font-weight:700;border:1px solid transparent
}
.side-link:hover,.side-link.active{
  background:linear-gradient(135deg,rgba(215,168,79,.22),rgba(37,99,235,.20));
  color:#fff;border-color:rgba(215,168,79,.22)
}
.admin-main{flex:1;padding:24px 26px 40px;overflow:hidden}
.topbar{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);
  padding:18px 20px;border-radius:24px;backdrop-filter:blur(16px)
}
.topbar h2{font-size:34px;color:#fff;margin:0 0 4px}.topbar p{margin:0;color:#9fb0c8}
.admin-chip{background:rgba(215,168,79,.12);border:1px solid rgba(215,168,79,.25);color:#ffe39a;padding:10px 14px;border-radius:999px;font-weight:800}
.crm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.crm-card{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:20px;
  box-shadow:0 18px 45px rgba(0,0,0,.22);position:relative;overflow:hidden
}
.crm-card:after{content:"";position:absolute;right:-35px;bottom:-35px;width:110px;height:110px;border-radius:50%;background:rgba(215,168,79,.12)}
.crm-card h3{font-size:12px;font-family:var(--font-body);color:#9fb0c8;margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em}
.crm-card b{font-size:34px;color:#fff;font-family:var(--font-head);display:block;line-height:1}
.crm-card span{color:#63e6a5;font-size:12px;font-weight:800}
.admin-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.10);border-radius:26px;padding:22px;
  box-shadow:0 18px 45px rgba(0,0,0,.20);margin-top:18px;color:#e5edf9
}
.admin-panel h3{color:#fff;margin-bottom:12px}.admin-panel p{color:#9fb0c8}
.dashboard-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}
.chart-bars{display:flex;align-items:end;gap:12px;height:220px;padding-top:25px}
.chart-bars i{display:block;flex:1;border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,#ffe39a,#d7a84f);min-height:35px;position:relative}
.chart-bars i:after{content:attr(data-label);position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);font-size:11px;color:#9fb0c8}
.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;overflow:auto;padding-bottom:6px}
.kanban-col{min-width:230px;background:rgba(5,9,18,.55);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:14px}
.kanban-col h4{font-size:16px;color:#fff;display:flex;justify-content:space-between;align-items:center}
.lead-card{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:14px;margin:12px 0}
.lead-card b{color:#fff}.lead-card small{display:block;color:#9fb0c8;margin-top:5px}
.timeline{display:grid;gap:12px}.timeline-item{display:flex;gap:12px;align-items:flex-start}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#d7a84f;margin-top:7px;box-shadow:0 0 0 6px rgba(215,168,79,.13)}
.notification{display:flex;justify-content:space-between;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:13px;border-radius:16px;margin:10px 0}
.queue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.queue-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:18px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.calendar-day{min-height:92px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:10px;color:#fff}
.calendar-day small{display:block;color:#9fb0c8}.calendar-event{margin-top:8px;background:rgba(215,168,79,.16);color:#ffe39a;padding:5px 7px;border-radius:10px;font-size:11px}
.portal-card{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(215,168,79,.12));border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:20px}
.table{width:100%;border-collapse:collapse;color:#e5edf9}.table th,.table td{padding:13px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.table th{color:#9fb0c8;font-size:12px;text-transform:uppercase}
.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-form input,.admin-form textarea,.admin-form select{
  padding:13px 14px;border:1px solid rgba(255,255,255,.10);border-radius:13px;font-family:var(--font-body);
  background:rgba(5,9,18,.70);color:#fff
}
.admin-form textarea{grid-column:1/-1;min-height:110px}.admin-form button{width:max-content}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(215,168,79,.18),transparent 30%),linear-gradient(135deg,#071021,#050814)}
.login-card{width:min(440px,92%);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);border-radius:28px;padding:32px;color:#fff}
.login-card h1{color:#fff;font-size:36px}.login-card input{width:100%;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;margin:8px 0;background:rgba(255,255,255,.08);color:#fff}
.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.admin-tabs span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.07);color:#9fb0c8;border:1px solid rgba(255,255,255,.08)}
@media(max-width:1100px){.dashboard-layout,.queue-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-shell{display:block}.sidebar{width:100%;height:auto;position:relative}.crm-grid,.kanban,.calendar-grid{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}}


/* V9 PROFESSIONAL FRONTEND FIX */
h1{font-size:clamp(34px,4.8vw,68px)!important;line-height:1.08!important;max-width:820px}
h2{font-size:clamp(27px,3.5vw,46px)!important;line-height:1.12!important}
h3{font-size:clamp(20px,1.7vw,26px)!important}
.hero{min-height:88vh!important;padding:72px 0!important}
.hero-grid{grid-template-columns:1fr .82fr!important;gap:34px!important}
.hero p{font-size:16.5px!important;max-width:680px!important}
.stage-stack{min-height:470px!important}
.stage-card.one{width:68%!important;height:340px!important}
.stage-card.two{width:42%!important;height:220px!important}
.stage-card.three{width:48%!important;height:245px!important}
.orbit-badge{max-width:245px!important;padding:16px!important}
.orbit-badge b{font-size:22px!important;line-height:1.25!important}
.stat{padding:15px!important}.stat b{font-size:28px!important}.stat p{font-size:13px!important;margin:0}
.section{padding:82px 0!important}
.artist-feature{min-height:470px!important}
.artist-img,.event-img,.team-img{height:250px!important}
.service-card{min-height:300px!important}
.service-card h3{font-size:24px!important}
.process{grid-template-columns:repeat(3,1fr)!important}.process-item{min-height:160px!important}
.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-action{display:block;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:13px;border-radius:14px;color:#fff;font-weight:800}
.mini-btn{border:0;background:#d7a84f;color:#070b16;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer}.mini-btn.danger{background:#ef4444;color:#fff}
.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:rgba(255,255,255,.04);padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
.permission-grid label{color:#dbe7fa}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr!important}.stage-stack{display:none}.process{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){h1{font-size:38px!important}.hero{padding:58px 0!important}.hero-stats{grid-template-columns:1fr!important}.process{grid-template-columns:1fr!important}.quick-grid,.permission-grid{grid-template-columns:1fr}.artist-feature{min-height:390px!important}.section{padding:62px 0!important}}