:root{--bg:#0b101b;--panel:#121b2b;--text:#f5f0e5;--muted:#a9adba;--gold:#d9ad62;--line:#27344a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 10%,#25324b 0,#0b101b 42%);color:var(--text);font:16px Inter,Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}nav{height:78px;padding:0 clamp(22px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{letter-spacing:.2em;font-weight:800;color:var(--gold)}.navlinks{display:flex;align-items:center;gap:26px;color:var(--muted)}.navlinks>a:not(.btn):hover{color:var(--text)}main{max-width:1180px;margin:auto;padding:0 28px}.hero{min-height:510px;display:flex;align-items:center;justify-content:space-between;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0 -8vw;background:linear-gradient(90deg,#0b101bf5 0%,#0b101bb8 48%,#0b101b40),url('/assets/beastoria-map.png') center/cover;opacity:.55;z-index:-1;border-radius:0 0 18px 18px}.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--gold);font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,8vw,92px);line-height:.98;margin:25px 0}.hero h1 em{color:var(--gold);font-weight:400}.lead{color:var(--muted);font-size:19px;line-height:1.7;max-width:520px;margin-bottom:32px}.btn{display:inline-block;border:1px solid var(--gold);padding:12px 22px;border-radius:6px;color:var(--gold);font-weight:700}.btn:hover{background:#d9ad621c}.btn.gold{background:var(--gold);color:#17130d}.btn.gold:hover{background:#f0c879}.btn.small{padding:8px 14px;font-size:14px}.sigil{width:260px;height:260px;border:1px solid #d9ad6250;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--gold);font:100px Georgia;background:#d9ad6208;box-shadow:0 0 80px #d9ad6215}.sigil small{display:block;font:11px system-ui;letter-spacing:.4em;margin-left:.4em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:15px 0 70px}.cards article,.realm,.formbox{background:#121b2bcc;border:1px solid var(--line);border-radius:10px;padding:28px}.cards span{color:var(--gold);font-size:28px}.cards h2{font:24px Georgia,serif}.cards p,.realm p{color:var(--muted);line-height:1.6}.realm{display:flex;justify-content:space-between;align-items:center;margin-bottom:70px}.realm h2{font:32px Georgia,serif;margin:8px 0}.status{color:#8ee0a8}.formbox{max-width:600px;margin:80px auto}.formbox h1{font:42px Georgia,serif;color:var(--gold)}form{display:grid;gap:14px;max-width:430px;margin:28px 0}input{padding:13px;border:1px solid var(--line);border-radius:6px;background:#0c1320;color:var(--text);font:inherit}button{cursor:pointer;border:0;border-radius:6px;padding:13px;background:var(--gold);color:#17130d;font:inherit;font-weight:800}.error{color:#ffb5aa;background:#42272b;padding:12px;border-radius:6px}footer{text-align:center;border-top:1px solid #ffffff12;padding:25px;color:var(--muted);font-size:13px}footer a{color:var(--gold)}@media(max-width:700px){.navlinks>a:not(.btn){display:none}.hero{min-height:600px}.sigil{display:none}.cards{grid-template-columns:1fr}.realm{display:block}.realm .status{display:block;margin-top:20px}}