:root{
  --bg:#05070b;--bg2:#0a0e16;--panel:rgba(15,18,25,.88);--panel2:rgba(22,24,30,.86);
  --gold:#f4c34f;--gold2:#ffdf82;--blue:#22a7ff;--text:#fffaf0;--muted:#b9bdc7;
  --line:rgba(244,195,79,.24);--shadow:0 24px 70px rgba(0,0,0,.48)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:radial-gradient(900px 600px at 10% -10%,rgba(244,195,79,.13),transparent 62%),radial-gradient(700px 500px at 95% 28%,rgba(34,167,255,.09),transparent 62%),linear-gradient(180deg,var(--bg),var(--bg2));min-height:100vh}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}
.site-head{position:sticky;top:0;z-index:20;background:rgba(5,7,11,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.head-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{text-decoration:none;font-weight:900;font-size:1.25rem;letter-spacing:.01em}.brand span{color:var(--gold)}
.nav{display:flex;gap:9px;flex-wrap:wrap}.nav a,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:11px 15px;border:1px solid var(--line);background:rgba(255,255,255,.045);font-weight:780;transition:.2s ease}
.nav a:hover,.button:hover{transform:translateY(-1px);border-color:rgba(244,195,79,.55);background:rgba(244,195,79,.08)}
.button.primary{color:#151006;border:0;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 12px 30px rgba(244,195,79,.2)}
.hero{position:relative;isolation:isolate;overflow:hidden;margin-top:28px;padding:72px clamp(24px,5vw,62px);min-height:460px;border:1px solid rgba(244,195,79,.35);border-radius:30px;background:url('../images/baronfm-cpdgd-hero.webp') center/cover no-repeat;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.33),rgba(0,0,0,.62) 31%,rgba(0,0,0,.74) 50%,rgba(0,0,0,.60) 69%,rgba(0,0,0,.28)),linear-gradient(0deg,rgba(4,6,10,.64),transparent 48%)}
.hero>*{max-width:790px}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(244,195,79,.48);background:rgba(0,0,0,.62);color:var(--gold2);font-size:.76rem;font-weight:900;letter-spacing:.12em}
.hero h1{font-size:clamp(2.1rem,5vw,4.35rem);line-height:1.02;margin:20px 0 16px;text-shadow:0 4px 24px #000}.lead{font-size:1.1rem;line-height:1.72;color:#e4e6ea;text-shadow:0 2px 10px #000}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;justify-content:center}.hero .button:not(.primary){background:rgba(0,0,0,.66);backdrop-filter:blur(8px)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}
.card{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}
.card:after{content:"";position:absolute;right:-70px;top:-75px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(244,195,79,.12),transparent 70%);pointer-events:none}
.card h2,.card h3{margin-top:0;color:var(--gold2)}.card p,.card li{line-height:1.68;color:var(--muted)}.card strong{color:var(--text)}.full{grid-column:1/-1}
.date-card{background:linear-gradient(135deg,rgba(156,103,4,.72),rgba(14,18,27,.94) 62%);border-color:rgba(255,223,130,.48)}.date-card p,.date-card li,.date-card strong{color:#fff}
.steps{counter-reset:step;display:grid;gap:14px;margin:28px 0}.step{position:relative;padding:22px 22px 22px 74px;background:linear-gradient(145deg,rgba(16,19,27,.95),rgba(11,13,19,.96));border-radius:18px;border:1px solid var(--line);box-shadow:0 14px 36px rgba(0,0,0,.24)}
.step:before{counter-increment:step;content:counter(step);position:absolute;left:20px;top:20px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#151006;font-weight:950;box-shadow:0 8px 22px rgba(244,195,79,.2)}
.step h3{margin:0 0 7px;color:var(--gold2)}.step p{margin:0;color:var(--muted);line-height:1.65}
.choice{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.code{display:block;overflow-wrap:anywhere;padding:14px;border-radius:12px;border:1px solid rgba(34,167,255,.28);background:#050b14;color:#8fd5ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem}
.notice{border-left:5px solid var(--blue);background:linear-gradient(135deg,rgba(13,35,58,.92),rgba(12,15,23,.94))}
footer{padding:40px 0 50px;color:#858b96;font-size:.9rem;border-top:1px solid rgba(244,195,79,.12);margin-top:42px}
@media(max-width:760px){.head-inner{padding:13px 0;align-items:flex-start;flex-direction:column}.site-head{position:static}.grid,.choice{grid-template-columns:1fr}.full{grid-column:auto}.hero{margin-top:18px;min-height:520px;padding:54px 20px;background-position:center}.hero:before{background:rgba(0,0,0,.69)}.card{padding:21px}.nav{width:100%}.nav a{flex:1;font-size:.88rem}.actions{width:100%}.actions .button{flex:1}}