@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#080604;--gold:#d69b39;--gold2:#ffcb69;--text:#f5ead6;--muted:#c8b89f;--line:rgba(214,155,57,.3);--shadow:0 24px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0%,rgba(84,44,17,.22),transparent 32rem),linear-gradient(180deg,#080604,#050403 55%,#0a0705);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;gap:28px;padding:0 clamp(18px,4vw,64px);background:rgba(6,5,4,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(214,155,57,.14)}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{font-size:28px}.brand strong{display:block;font-family:Cinzel,serif;color:var(--gold2);letter-spacing:.08em;font-size:20px;line-height:1}.brand small{display:block;text-align:center;letter-spacing:.45em;font-size:9px;color:var(--gold)}
.nav{display:flex;align-items:center;gap:24px;margin-left:auto}.nav a{font-family:Cinzel,serif;font-size:12px;color:#dfd2be}.nav a:hover{color:var(--gold2)}
.join-top,.primary,.secondary,.link-button{border:1px solid var(--gold);border-radius:4px;padding:12px 18px;cursor:pointer;text-transform:uppercase;letter-spacing:.07em;font-weight:700;font-size:12px}.join-top,.primary{background:linear-gradient(#6c4419,#3e250d);color:#ffe2a6}.secondary{background:transparent;color:var(--gold2)}.link-button{display:inline-flex}.menu-toggle{display:none;background:none;border:0;color:var(--gold2);font-size:28px;margin-left:auto}
.hero{max-width:1600px;margin:0 auto;padding:24px clamp(18px,4vw,64px) 70px}.hero-art-wrap{border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#000}.hero-art{width:100%;height:auto;object-fit:contain}
.hero-copy{max-width:980px;margin:30px auto 0;text-align:center;padding:0 26px}.eyebrow,.kicker{color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px}.hero h1,.section h2,.subpage h1,.subpage h2{font-family:Cinzel,serif;line-height:1.08;color:#fff4df}.hero h1{font-size:clamp(34px,5vw,68px);margin:.25em 0}.lead{font-size:clamp(16px,2vw,20px);color:#d8c9b1;max-width:860px;margin:0 auto 28px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.connection-strip{max-width:760px;margin:30px auto 0;border:1px solid var(--line);background:rgba(17,12,8,.88);display:grid;grid-template-columns:1fr 1fr;border-radius:8px;overflow:hidden}.connection-strip div{padding:14px 18px}.connection-strip div+div{border-left:1px solid var(--line)}.connection-strip span,.connection-strip small{display:block;color:#a99373;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.connection-strip strong{font-family:Cinzel,serif;color:#ffe1a4;font-size:15px}
.section{max-width:1240px;margin:0 auto;padding:86px clamp(20px,4vw,54px)}.compact{padding-top:20px;padding-bottom:25px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portal-link{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(31,22,14,.92),rgba(14,10,7,.94));padding:18px;border-radius:10px}.portal-link>span{font-size:28px}.portal-link b{display:block;font-family:Cinzel,serif;color:#ffdb95}.portal-link small{color:#a9977d}
.section-heading{max-width:760px}.section-heading.centered{text-align:center;margin:0 auto 42px}.section h2{font-size:clamp(30px,4vw,50px);margin:.25em 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:54px;color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;min-height:220px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(31,22,14,.92),rgba(14,10,7,.94));border-radius:10px}.icon{font-size:30px}.card h3{font-family:Cinzel,serif;color:#ffdb95;margin:12px 0 8px}.card p{color:#bcae99;margin:0}
.split-banner{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;border:1px solid var(--line);background:linear-gradient(90deg,#17100a,#0d0906);border-radius:14px;padding:50px}.split-banner p{color:#c7b69e}.sigil{font-size:92px;text-align:center}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rules-grid div{display:flex;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line)}.rules-grid b{font-family:Cinzel,serif;color:var(--gold);font-size:20px}.rules-grid span{color:#cdbfa8}
.join-panel{text-align:center;padding:60px 34px;border:1px solid rgba(214,155,57,.42);background:linear-gradient(180deg,#16100b,#0d0906);border-radius:14px}.server-boxes{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin:28px auto}.server-box{padding:20px;border:1px solid var(--line);background:#0c0906;border-radius:8px}.server-box span,.server-box small{display:block;color:#9f8b6b;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.server-box strong{display:block;color:#ffe2a8;font-family:Cinzel,serif}
.subpage{min-height:70vh}.subpage-hero{max-width:1050px;margin:0 auto;padding:100px 24px 30px;text-align:center}.subpage-hero h1{font-size:clamp(40px,7vw,74px);margin:.2em 0}.subpage-hero p{color:#c8b89f;font-size:19px;max-width:760px;margin:auto}.subpage-card{text-align:center;max-width:850px;border:1px solid var(--line);background:linear-gradient(180deg,#15100b,#0d0906);border-radius:14px;padding:55px 30px;margin-bottom:100px}.subpage-card p{color:#c2b299;max-width:680px;margin:0 auto 28px}.big-icon{font-size:72px}.disabled-link{opacity:.6;pointer-events:none}
footer{border-top:1px solid var(--line);padding:40px 20px 55px;text-align:center;color:#8f806d}.footer-brand{justify-content:center}.fine{font-size:11px;max-width:720px;margin:18px auto 0}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#2c1b0d;color:#ffe3ad;border:1px solid var(--gold);padding:11px 16px;border-radius:6px;opacity:0;transition:.22s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.nav,.join-top{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;left:0;right:0;top:76px;flex-direction:column;align-items:stretch;background:#0b0805;padding:14px 22px 22px;border-bottom:1px solid var(--line)}.nav.open a{padding:10px 0}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:68px;padding:0 16px}.nav.open{top:68px}.hero{padding:0 0 55px}.hero-art-wrap{border-radius:0}.hero-art{width:100%;height:auto;object-fit:contain}.hero-copy{padding:0 18px;margin-top:24px}.quick-links,.two-col,.feature-grid,.rules-grid,.server-boxes{grid-template-columns:1fr}.split-banner{grid-template-columns:1fr;padding:34px 26px}.sigil{font-size:60px}.connection-strip{grid-template-columns:1fr}.connection-strip div+div{border-left:0;border-top:1px solid var(--line)}}