@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');
.hero .launcher-button{border-radius:6px;background:#a90000;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 4px rgba(0,0,0,.35);height:48px;width:300px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center}.hero .launcher-button:hover{background:#bd0909;box-shadow:0 3px 8px rgba(0,0,0,.4)}.site-header .desktop-actions a{border-radius:6px;background:#a90000;border-color:rgba(255,255,255,.12);box-shadow:0 2px 4px rgba(0,0,0,.35)}.site-header .desktop-actions a:hover{background:#bd0909;box-shadow:0 3px 8px rgba(0,0,0,.4)}
:root{--bg:#080808;--line:rgba(255,255,255,.035);--text:#f4f4f4;--muted:#aaa;--red:#ed2942}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:var(--bg);color:var(--text);overflow:hidden}body{font-family:'Space Grotesk',Arial,sans-serif}.grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:25% 25%;mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 85%,transparent 100%);opacity:.7}.grid:after{content:"";position:absolute;inset:0;background:url('../public/hollow-emblem.png') center/600px no-repeat;opacity:.035;filter:blur(1px)}.site-header{position:fixed;top:0;left:0;right:0;height:88px;display:flex;align-items:center;padding:0 3.2vw;z-index:5}.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{width:122px;height:auto;display:block;mix-blend-mode:screen}.desktop-nav{display:flex;gap:42px;margin-left:54px}.desktop-nav a,.desktop-actions{color:rgba(255,255,255,.78);font-size:11px;font-weight:600;text-decoration:none;letter-spacing:.02em;white-space:nowrap}.desktop-nav a:hover{color:#fff}.desktop-actions{display:flex;align-items:center;gap:24px;margin-left:auto}.desktop-actions span{color:#fff}.desktop-actions a{color:#fff;background:rgba(229,42,60,.72);border:1px solid rgba(255,255,255,.15);padding:10px 15px;border-radius:8px;font-size:10px}.menu-toggle{display:none;width:28px;height:28px;padding:3px 0;border:0;background:none;flex-direction:column;justify-content:space-between;cursor:pointer;margin-left:auto}.menu-toggle i{display:block;width:25px;height:2px;background:#f7f7f7;transition:transform .25s,opacity .25s}.menu-toggle.active i:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.active i:nth-child(2){opacity:0}.menu-toggle.active i:last-child{transform:translateY(-8px) rotate(-45deg)}main{height:100%;display:grid;place-items:center;position:relative;z-index:1;padding:84px 3.2vw 120px}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;animation:appear .8s ease both}.hero-kicker{margin:0 0 22px;color:var(--red);font-family:Georgia,serif;font-size:22px;letter-spacing:.08em}.hero-logo{width:min(640px,62vw);height:auto;filter:drop-shadow(0 0 30px rgba(229,42,60,.16));margin-bottom:22px}.hero-copy{margin:0 0 30px;color:#d8d0d0;font-family:Georgia,serif;font-size:19px;line-height:1.8}.launcher-button{display:inline-flex;align-items:center;justify-content:center;width:300px;height:52px;padding:0 24px;border-radius:999px;background:var(--red);border:1px solid rgba(255,255,255,.35);box-shadow:0 0 28px rgba(237,41,66,.18);color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em;transition:transform .25s,background .25s,box-shadow .25s}.launcher-button:hover{transform:translateY(-2px);background:#f7354d;box-shadow:0 0 36px rgba(237,41,66,.3)}.discord-button{width:58px;height:58px;margin-top:20px;border:1px solid rgba(237,41,66,.95);border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;transition:background .25s,transform .25s}.discord-button:hover{background:rgba(237,41,66,.23);transform:translateY(-2px)}.discord-button svg{width:25px;height:25px;fill:currentColor}.site-footer{position:fixed;left:0;right:0;bottom:0;min-height:88px;display:flex;align-items:center;gap:40px;padding:18px 3.2vw;border-top:1px solid rgba(255,255,255,.08);background:rgba(8,8,8,.9);backdrop-filter:blur(8px);z-index:3}.footer-brand{min-width:260px}.footer-brand .brand-logo{width:150px}.footer-brand small{display:block;margin-top:9px;color:#777;font-size:10px;font-weight:400}.footer-links{display:flex;justify-content:center;gap:25px;flex:1}.footer-links a{color:var(--muted);font-size:10px;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.footer-links a:hover{color:#fff}.footer-social{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:180px}.footer-social strong{font-size:12px}.social-icons{display:flex;align-items:center;gap:23px}.social-icons a{width:22px;height:22px;display:grid;place-items:center;color:#f3f3f3;transition:color .2s,transform .2s}.social-icons a:hover{color:var(--red);transform:translateY(-2px)}.social-icons svg{width:21px;height:21px;fill:currentColor}.menu-panel{position:fixed;inset:0;background:rgba(8,8,8,.97);display:grid;place-items:center;z-index:4;opacity:0;pointer-events:none;transition:opacity .3s}.menu-panel.open{opacity:1;pointer-events:auto}.menu-close{position:absolute;top:24px;right:3.2vw;border:0;background:none;color:#fff;font-size:32px;font-weight:200;cursor:pointer}.menu-panel nav{display:flex;flex-direction:column;align-items:center;gap:24px}.menu-panel a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:24px;letter-spacing:.12em}.menu-panel a:hover{color:var(--red)}.menu-disabled{color:#777!important}.menu-panel small{display:block;color:#777;text-align:center;font-size:10px;letter-spacing:.15em;margin-top:6px}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.site-header{height:72px;padding:0 24px}.brand-logo{width:108px}.desktop-nav,.desktop-actions{display:none}.menu-toggle{display:flex;width:26px}main{padding:72px 18px 116px}.hero-kicker{font-size:18px}.hero-logo{width:min(470px,88vw);margin-bottom:18px}.hero-copy{font-size:15px;line-height:1.6;margin-bottom:24px}.launcher-button{width:280px;height:50px;font-size:11px}.site-footer{min-height:92px;padding:15px 24px;gap:0;justify-content:space-between}.footer-brand{min-width:0}.footer-brand .brand-logo{width:140px}.footer-brand small{font-size:8px}.footer-links{display:none}.footer-social{min-width:0;align-items:flex-end}.social-icons{gap:12px}.social-icons a{width:18px;height:18px}.social-icons svg{width:18px;height:18px}}