:root{
  --bg:#08070a;
  --surface:#111015;
  --surface-2:#17131b;
  --text:#f8f5f2;
  --muted:#c8bec8;
  --gold:#d6b46f;
  --gold-soft:#f1ddad;
  --wine:#5a173f;
  --neon:#c99af1;
  --line:rgba(214,180,111,.26);
  --shadow:0 24px 70px rgba(0,0,0,.42);
}
html,body{background:var(--bg);color:var(--text)}
body{font-family:Arial,Helvetica,sans-serif;letter-spacing:.01em}
body,main,.section,.section.alt,.intro-grid,.live-promo{color:var(--text)}
body p,body li,body label,body small{color:var(--muted)}
h1,h2,h3,h4,h5,h6,strong,b{color:var(--text)}
a{color:var(--text)}
a:hover{color:var(--gold-soft)}
.utility{height:34px;background:#0d0b10;border-bottom:1px solid var(--line);color:#efe8df;padding:0 5vw;letter-spacing:.08em}
.utility a{color:var(--gold-soft)}
.site-header{height:82px;padding:0 5vw;background:rgba(8,7,10,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.28)}
.brand{width:auto;min-width:220px;color:#fff}
.brand strong{font:500 21px/1.05 Georgia,serif;letter-spacing:.14em;color:#fff}
.brand strong span{color:var(--gold)}
.brand small{display:block;margin-top:7px;color:#baaeb8;letter-spacing:.28em;font-size:9px}
.brand img{max-height:54px;width:auto;object-fit:contain}
.site-header nav{gap:28px;align-items:center}
.site-header nav>a,.nav-dropdown-toggle{color:#fff;background:none;border:0;font:700 11px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;padding:31px 0;cursor:pointer}
.site-header nav>a:hover,.nav-dropdown-toggle:hover{color:var(--gold-soft)}
.nav-dropdown{position:relative}
.nav-dropdown-menu{display:none;position:absolute;top:65px;left:-20px;min-width:245px;padding:14px;background:#121015;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;z-index:100}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
.nav-dropdown-menu a,.nav-dropdown-menu b{display:block;color:#f7f3ef;padding:10px 12px;border-radius:7px}
.nav-dropdown-menu a:hover{background:#211923;color:var(--gold-soft)}
.nav-cat{padding-top:8px;margin-top:8px;border-top:1px solid rgba(255,255,255,.08)}
.menu-toggle{color:#fff}
.creator-hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);background:radial-gradient(circle at 18% 18%,rgba(90,23,63,.48),transparent 33%),linear-gradient(135deg,#09070b 0%,#120d14 58%,#08070a 100%);border-bottom:1px solid var(--line)}
.creator-copy{padding:110px 7vw;display:flex;flex-direction:column;justify-content:center;position:relative}
.creator-copy:before{content:"";width:72px;height:1px;background:var(--gold);margin-bottom:28px}
.eyebrow,.section-head span,.page-hero span,.member-card>span,.meta{color:var(--gold-soft);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:11px}
.creator-copy h1{max-width:780px;margin:18px 0 26px;font:500 clamp(52px,6.3vw,96px)/.98 Georgia,serif;color:#fff;letter-spacing:-.025em}
.creator-copy p{max-width:620px;font-size:17px;line-height:1.85;color:#d8ced7}
.creator-image{position:relative;min-height:720px;overflow:hidden}
.creator-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a080c 0%,transparent 28%),linear-gradient(0deg,rgba(8,7,10,.32),transparent 35%)}
.creator-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.button{min-height:48px;padding:14px 25px;border-radius:999px;background:linear-gradient(135deg,#7b2458,#3d102e);border:1px solid rgba(214,180,111,.5);box-shadow:0 10px 30px rgba(90,23,63,.35);color:#fff;font-size:11px;letter-spacing:.13em}
.button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#923267,#51163b);color:#fff}
.button.ghost{background:transparent;border-color:rgba(214,180,111,.6);color:var(--gold-soft)}
.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#bfb4bd;font-size:12px}
.section{padding:86px 7vw;background:#0b090d;color:var(--text)}
.section.alt{background:#100d12;color:var(--text)}
.intro-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}
.intro-grid h2,.section-head h2{font:500 clamp(38px,4.5vw,62px)/1.08 Georgia,serif;color:#fff;margin:12px 0 18px}
.intro-grid>div:first-child{max-width:720px}
.intro-grid>div:first-child p{font-size:17px;line-height:1.85}
.text-link{color:var(--gold-soft);font-weight:700}
.member-card{padding:42px;background:linear-gradient(145deg,#1b151d,#0f0d11);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.member-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(214,180,111,.18);border-radius:50%;right:-80px;top:-80px}
.member-card h3{font:500 38px Georgia,serif;color:#fff;margin:12px 0}
.member-card p{color:#d2c7d0;line-height:1.8}
.section-head{max-width:860px;margin-bottom:36px}
.section-head.compact{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:none}
.section-head.compact>a{color:var(--gold-soft);font-weight:700}
.media-grid,.video-grid,.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.media-card,.video-card,.card,.service,.panel,.live-room-card,.live-dashboard-card,.studio-panel,.tip-panel,.qr-panel,.viewer-stage,.form-card,.faq-item,.review{background:#151218;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.24);color:var(--text)}
.media-card,.video-card{position:relative;transition:transform .25s ease,border-color .25s ease}
.media-card:hover,.video-card:hover{transform:translateY(-6px);border-color:rgba(214,180,111,.62)}
.media-card img,.video-card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.video-card img{aspect-ratio:16/10}
.media-card>div:last-child,.video-card>div{padding:20px}
.media-card h3,.video-card h3,.card h3,.service h3{color:#fff;font:500 22px Georgia,serif;margin:6px 0}
.media-card span,.video-card span{color:var(--gold-soft)}
.lock-badge,.live-dot,.live-badge,.viewer-badge,.type-badge,.status{background:#6e204f;color:#fff;border:1px solid rgba(214,180,111,.55)}
.live-promo{margin:0;padding:64px 7vw;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(120deg,#210f1c,#0d0a0f 65%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.live-promo h2{font:500 clamp(36px,4vw,56px) Georgia,serif;color:#fff;margin:12px 0}
.live-promo p{max-width:720px;color:#d3c8d1}
.cta{margin:0;padding:70px 7vw;background:#0c090d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta h2{color:#fff;font:500 40px Georgia,serif}
.cta span{color:var(--gold-soft)}
footer{padding:62px 7vw;background:#070609;border-top:0;grid-template-columns:1.4fr repeat(3,1fr)}
footer strong{color:#fff;font:500 26px Georgia,serif}
footer b{color:var(--gold-soft);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
footer p,footer a{color:#bfb4bd}
.page-hero{min-height:440px;padding:80px 8vw;border-bottom:1px solid var(--line)}
.page-hero h1{font:500 clamp(48px,6vw,76px) Georgia,serif;color:#fff}
.page-hero p{max-width:700px;color:#ddd2db;font-size:17px}
.form-card{background:#151218;color:#fff;padding:36px}
.form-card h1,.form-card h2,.form-card h3,.form-card p,.form-card label{color:#fff}
input,select,textarea{background:#0d0b0f;color:#fff;border:1px solid #4a404a;border-radius:9px;padding:14px}
input::placeholder,textarea::placeholder{color:#8f858e}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,180,111,.12)}
.notice{background:#231720;border-color:#744a66;color:#fff;border-radius:10px}
.gallery-grid{gap:22px}.gallery-grid img{border-radius:14px;height:360px}
.cards,.cards.four,.services{gap:24px}.card,.service,.panel{padding:26px}
.price{color:var(--gold-soft)}
.floating-demo-admin{background:linear-gradient(135deg,#d6b46f,#f0d9a0);color:#171014;border:1px solid #fff3d2}
@media(max-width:1050px){
 .site-header nav{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:0;font-size:26px}
 .site-header.open nav{display:flex;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#0d0b0f;padding:18px 5vw;border-bottom:1px solid var(--line)}
 .site-header.open nav>a,.site-header.open .nav-dropdown-toggle{padding:14px 0;text-align:left;color:#fff}
 .nav-dropdown-menu{position:static;display:none;box-shadow:none;margin:0 0 10px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
 .creator-hero{grid-template-columns:1fr 1fr}.creator-copy{padding:80px 5vw}.creator-image{min-height:620px}.media-grid,.content-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .utility{display:none}.site-header{height:72px;padding:0 20px}.site-header.open nav{top:72px}
 .brand strong{font-size:17px}.brand small{font-size:8px;letter-spacing:.2em}
 .creator-hero{display:flex;flex-direction:column-reverse}.creator-image{min-height:490px}.creator-copy{padding:56px 22px 66px}.creator-copy h1{font-size:50px}
 .section{padding:58px 22px}.intro-grid{grid-template-columns:1fr;gap:36px}.section-head.compact{display:block}.section-head.compact>a{display:inline-block;margin-top:10px}
 .media-grid,.video-grid,.content-grid,.cards,.cards.four,.services,.gallery-grid{grid-template-columns:1fr 1fr}
 .live-promo,.cta{display:block;padding:50px 22px}.live-promo .button,.cta .button{margin-top:22px}
 footer{grid-template-columns:1fr 1fr;padding:50px 22px}
}
@media(max-width:520px){
 .creator-copy h1{font-size:43px}.creator-image{min-height:420px}.media-grid,.video-grid,.content-grid,.cards,.cards.four,.services,.gallery-grid,footer{grid-template-columns:1fr}
 .member-card{padding:28px}.section-head h2,.intro-grid h2{font-size:36px}.actions{flex-direction:column}.actions .button{width:100%}
}