:root {
  color-scheme: dark;
  --bg: #070a10;
  --surface: #0d121b;
  --surface-2: #121925;
  --line: #253044;
  --text: #f5f7fb;
  --muted: #98a4b8;
  --red: #e32232;
  --red-bright: #ff3b49;
  --cyan: #32c9e8;
  --gold: #dcb35a;
  --green: #61d684;
  --radius: 22px;
  --max: 1240px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 10% 5%, rgba(43, 89, 139, .12), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(227, 34, 50, .08), transparent 26%),
    #070a10;
}
a { color: inherit; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.skip-link { position: absolute; left: 16px; top: -80px; z-index: 100; background: white; color: #000; padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { top: 16px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 78px;
  padding: 0 max(24px, calc((100vw - var(--max)) / 2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  background: rgba(7, 10, 16, .84);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  backdrop-filter: blur(18px);
}
.site-header.scrolled { box-shadow: 0 18px 50px rgba(0, 0, 0, .28); }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: transparent;
  font-size: 0;
  border: 1px solid rgba(73, 207, 255, .42);
  border-radius: 12px 5px 12px 5px;
  background: url("rivalt-mark.svg") center / 80% no-repeat, radial-gradient(circle at 45% 38%, #142b4c, #080d16 68%);
  box-shadow: 0 0 18px rgba(48, 225, 255, .28), -3px 3px 0 rgba(116, 68, 255, .75), 3px -3px 0 rgba(41, 202, 255, .7);
}
.brand > span:last-child { display: grid; line-height: 1; letter-spacing: .08em; }
.brand strong { font-size: 1.05rem; }
.brand small { margin-top: 5px; color: var(--muted); font-size: .57rem; letter-spacing: .26em; }
.main-nav { display: flex; align-items: center; gap: 22px; }
.main-nav a { color: #b8c1cf; font-size: .84rem; font-weight: 750; text-decoration: none; }
.main-nav a:hover, .main-nav a:focus-visible { color: white; }
.main-nav a[aria-current="page"] { color:white; }
.main-nav a[aria-current="page"]:not(.nav-status)::after { content:""; display:block; height:2px; margin-top:7px; background:var(--red-bright); border-radius:2px; }
.nav-status { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #263144; border-radius: 999px; }
.nav-status span { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 12px var(--gold); }
.menu-button { display: none; color: white; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); padding: 8px 12px; }

.launch-stage {
  min-height: calc(100svh - 78px);
  padding: 54px max(24px, calc((100vw - var(--max)) / 2)) 46px;
  display: grid;
  place-items: center start;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.12);
  background: #05070b;
}
.launch-film { position:absolute; inset:0; z-index:-4; width:100%; height:100%; object-fit:cover; object-position:center; background:#05070b url("rivalt-city-live.jpg") center/cover no-repeat; }
.launch-shade { position:absolute; inset:0; z-index:-3; background:linear-gradient(90deg,rgba(3,5,9,.96) 0%,rgba(3,5,9,.74) 43%,rgba(3,5,9,.2) 78%),linear-gradient(180deg,rgba(3,5,9,.22),rgba(3,5,9,.32) 66%,#060910 100%); }
.launch-noise { position:absolute; inset:0; z-index:-2; opacity:.17; background-image:linear-gradient(rgba(130,159,194,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(130,159,194,.13) 1px,transparent 1px); background-size:74px 74px; mask-image:linear-gradient(90deg,#000,transparent 76%); }
.launch-content { width:min(100%,820px); padding:35px 0 70px; }
.launch-kicker { margin:0 0 18px; color:#b7c5d8; font-size:.72rem; font-weight:900; letter-spacing:.22em; text-transform:uppercase; }
.launch-kicker span { width:38px; height:2px; margin-right:11px; display:inline-block; vertical-align:middle; background:linear-gradient(90deg,var(--red-bright),#ff8c74); box-shadow:0 0 18px rgba(255,59,73,.7); }
.launch-content h1 { max-width:820px; font-size:clamp(4.4rem,9.7vw,9rem); text-shadow:0 14px 55px rgba(0,0,0,.68); }
.launch-content h1 em { background:linear-gradient(110deg,#ff3545,#ff8b70); background-clip:text; -webkit-background-clip:text; color:transparent; }
.launch-lead { max-width:690px; margin:24px 0 28px; color:#c0cad8; font-size:clamp(.98rem,1.7vw,1.18rem); text-wrap:pretty; text-shadow:0 3px 18px #000; }
.launch-countdown { width:min(100%,690px); margin:0 0 26px; padding:18px 22px; display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; border:1px solid rgba(123,148,182,.3); border-radius:17px; background:rgba(7,11,17,.72); box-shadow:0 22px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.045); backdrop-filter:blur(18px); }
.launch-countdown span { display:grid; text-align:center; line-height:1; }
.launch-countdown b { font-size:clamp(1.65rem,4vw,3rem); letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.launch-countdown small { margin-top:9px; color:#748297; font-size:.56rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.launch-countdown i { color:#566278; font-size:1.35rem; font-style:normal; }
.launch-stage.is-open .launch-countdown::after { content:"BYEN ER ÅBEN"; grid-column:1/-1; color:#9dffd0; font-weight:900; letter-spacing:.14em; text-align:center; }
.launch-stage.is-open .launch-countdown > * { display:none; }
.launch-actions { display:flex; align-items:center; gap:11px; flex-wrap:wrap; }
.launch-wait-button { color:#071017; border-color:#83e8ff; background:linear-gradient(135deg,#74e7ff,#31badc); box-shadow:0 13px 38px rgba(50,201,232,.28); }
.launch-wait-button span { font-size:.72rem; }
.launch-wait-button.joined { color:#06130d; border-color:#8cf3aa; background:linear-gradient(135deg,#8cf3aa,#52cc83); box-shadow:0 13px 38px rgba(82,204,131,.24); }
.launch-wait-button:disabled { opacity:.62; cursor:wait; transform:none; }
.launch-sound { min-height:49px; padding:0 15px; color:#aeb9ca; border:0; background:transparent; cursor:pointer; }
.launch-sound:hover { color:white; }
.launch-wait-count { margin:15px 0 0; color:#8491a4; font-size:.73rem; }
.launch-wait-count strong { color:#fff; font-size:.86rem; }
.launch-message { min-height:1.4em; margin:5px 0 0; color:#9bcbd5; font-size:.68rem; }
.launch-scroll { position:absolute; left:50%; bottom:24px; display:grid; place-items:center; gap:8px; color:#8f9aad; font-size:.58rem; font-weight:800; letter-spacing:.14em; text-decoration:none; text-transform:uppercase; transform:translateX(-50%); }
.launch-scroll span { width:1px; height:28px; display:block; background:linear-gradient(var(--red-bright),transparent); animation:launch-scroll 1.8s ease-in-out infinite; }
@keyframes launch-scroll { 0%,100% { transform:scaleY(.55); transform-origin:top; opacity:.45; } 50% { transform:scaleY(1); opacity:1; } }

.hero {
  min-height: 720px;
  padding: 95px max(24px, calc((100vw - var(--max)) / 2)) 80px;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(410px, .94fr);
  align-items: center;
  gap: 70px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.home-hero { min-height:calc(100vh - 78px); }
.hero-grid {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .2;
  background-image: linear-gradient(rgba(98,131,166,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(98,131,166,.2) 1px, transparent 1px);
  background-size: 70px 70px;
  mask-image: linear-gradient(to right, black, transparent 72%);
  transform: perspective(700px) rotateX(58deg) translateY(37%);
  transform-origin: bottom;
}
.hero-glow { position: absolute; border-radius: 50%; filter: blur(80px); z-index: -1; opacity: .17; }
.hero-glow-one { width: 340px; height: 340px; background: var(--red); right: 15%; top: 18%; }
.hero-glow-two { width: 390px; height: 390px; background: #166bd0; right: -8%; bottom: -20%; }
.eyebrow { margin: 0 0 14px; color: #c5cfdf; font-size: .73rem; font-weight: 850; text-transform: uppercase; letter-spacing: .2em; }
.eyebrow > span { display: inline-block; width: 26px; height: 2px; vertical-align: middle; margin-right: 10px; background: var(--red-bright); }
h1, h2, h3, p { text-wrap: balance; }
h1 { margin: 0; font-size: clamp(3.5rem, 7.7vw, 7rem); line-height: .89; letter-spacing: -.07em; text-transform: uppercase; }
h1 em { color: var(--red-bright); font-style: normal; text-shadow: 0 0 30px rgba(227, 34, 50, .2); }
.hero-copy { max-width: 680px; margin: 28px 0 32px; color: #b0bacb; font-size: 1.08rem; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.button { min-height: 49px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: 10px; font-weight: 850; text-decoration: none; cursor: pointer; transition: .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: white; background: linear-gradient(135deg, #ef2c3e, #bc1524); box-shadow: 0 10px 32px rgba(227,34,50,.18); }
.button-primary:hover { box-shadow: 0 14px 36px rgba(227,34,50,.3); }
.button-secondary { color: white; border-color: #334056; background: rgba(17, 24, 36, .8); }
.button-play { color:white; border-color:rgba(59,210,255,.55); background:linear-gradient(135deg,#2435c8,#0b9dc6); box-shadow:0 12px 34px rgba(31,112,220,.28); }
.button-play span { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#071018; background:#7eeaff; font-size:.62rem; box-shadow:0 0 18px rgba(126,234,255,.55); }
.button-play.ready { border-color:rgba(94,255,170,.62); background:linear-gradient(135deg,#117b55,#159c91); box-shadow:0 12px 36px rgba(21,156,145,.32); animation:play-ready 2.4s ease-in-out infinite; }
.button-play.ready span { background:#9dffd0; }
@keyframes play-ready { 0%,100% { box-shadow:0 12px 36px rgba(21,156,145,.24); } 50% { box-shadow:0 12px 48px rgba(62,231,188,.48); } }
.hero-meta { margin-top: 38px; display: flex; gap: 28px; flex-wrap: wrap; color: #7f8ba0; font-size: .72rem; text-transform: uppercase; letter-spacing: .07em; }
.hero-meta span { display: grid; }
.hero-meta b { color: #dbe2ee; font-size: .84rem; }

.dispatch-card {
  width: 100%;
  min-height: 480px;
  border: 1px solid #283449;
  border-radius: 26px;
  position: relative;
  overflow: hidden;
  background: #070b11;
  box-shadow: 0 35px 90px rgba(0,0,0,.48);
  transform: perspective(1100px) rotateY(-4deg) rotateX(1deg);
}
.dispatch-card::after { content: ""; position: absolute; z-index: 3; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,.055), transparent 31%); pointer-events: none; }
.dispatch-top { height: 60px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; position:relative; z-index:4; border-bottom: 1px solid var(--line); color: #aeb9ca; background:rgba(8,13,21,.94); font-size: .68rem; font-weight: 850; letter-spacing: .16em; }
.dispatch-top a { color: var(--red-bright); font-weight:850; text-decoration:none; }
.dispatch-card.online .dispatch-top a { color:var(--green); text-shadow:0 0 18px rgba(97,214,132,.45); }
.dispatch-card.offline .dispatch-top a { color:#e35b67; }
.dispatch-scene { position:absolute; inset:60px 0 84px; overflow:hidden; background:#080d14; }
.dispatch-scene::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,9,15,.08),rgba(5,9,15,.12) 48%,rgba(5,9,15,.7)),linear-gradient(90deg,rgba(5,9,15,.22),transparent 45%); pointer-events:none; }
.dispatch-scene img { width:100%; height:100%; display:block; object-fit:cover; object-position:54% center; filter:saturate(.96) contrast(1.05) brightness(.82); transform:scale(1.015); transition:filter .4s ease,transform .8s ease; }
.dispatch-card:hover .dispatch-scene img { transform:scale(1.045); }
.dispatch-card.online .dispatch-scene img { filter:saturate(1.07) contrast(1.05) brightness(.92); }
.dispatch-card.offline .dispatch-scene img { filter:saturate(.8) contrast(1.06) brightness(.7); }
.dispatch-bottom { position: absolute; z-index:4; inset: auto 0 0; min-height: 84px; display: grid; grid-template-columns: repeat(3, 1fr); background: rgba(5,8,13,.94); backdrop-filter:blur(10px); border-top: 1px solid var(--line); }
.dispatch-bottom span { padding: 18px; display: grid; align-content: center; color: #e1e6ef; font-size: .78rem; font-weight: 800; border-right: 1px solid var(--line); }
.dispatch-bottom b { font-size:.78rem; }
.dispatch-bottom span:last-child { border: 0; }
.dispatch-bottom small { color: #667388; font-size: .57rem; letter-spacing: .16em; }

.section { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; padding: 110px 0; }
.page-hero { min-height:430px; padding:95px max(24px,calc((100vw - var(--max))/2)) 70px; display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.08); background:radial-gradient(circle at 72% 35%,rgba(38,111,173,.2),transparent 30%),linear-gradient(145deg,#0d1520,#070a10); }
.page-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(96,125,155,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(96,125,155,.1) 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(90deg,transparent,black); }
.page-hero > * { position:relative; z-index:1; }.page-hero h1 { font-size:clamp(3.4rem,8vw,7rem); }.page-hero > p:last-child { max-width:680px; margin:25px 0 0; color:var(--muted); font-size:1rem; }
.page-hero-jobs { background:radial-gradient(circle at 72% 35%,rgba(220,179,90,.15),transparent 30%),linear-gradient(145deg,#151510,#070a10); }.page-hero-whitelist { background:radial-gradient(circle at 72% 35%,rgba(227,34,50,.18),transparent 30%),linear-gradient(145deg,#170d13,#070a10); }.page-hero-status { background:radial-gradient(circle at 72% 35%,rgba(97,214,132,.12),transparent 30%),linear-gradient(145deg,#0c1713,#070a10); }
.page-hero-premium { background:radial-gradient(circle at 72% 35%,rgba(220,179,90,.2),transparent 31%),radial-gradient(circle at 88% 72%,rgba(129,83,255,.12),transparent 25%),linear-gradient(145deg,#17140c,#070a10); }
.page-hero-premium h1 em { color:#f1c968; text-shadow:0 0 34px rgba(220,179,90,.25); }
.nav-premium { color:#e5c269 !important; }
.premium-plan { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:80px; }
.premium-copy h2,.premium-fairness h2 { margin:0 0 18px; font-size:clamp(2.4rem,5vw,4.8rem); line-height:.94; letter-spacing:-.055em; text-transform:uppercase; }
.premium-copy > p:not(.eyebrow) { max-width:650px; color:var(--muted); }
.premium-benefits { list-style:none; margin:38px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.premium-benefits li { min-height:145px; padding:22px; border:1px solid #2d3443; border-radius:15px; background:linear-gradient(145deg,#121722,#0a0e15); }
.premium-benefits b,.premium-benefits span,.premium-benefits small { display:block; }.premium-benefits b { color:#f1d389; font-size:.9rem; }.premium-benefits li > span:not(.premium-benefit-kicker) { margin-top:7px; color:#909bad; font-size:.76rem; }.premium-benefits small { margin-top:17px; color:#7d8797; font-size:.6rem; letter-spacing:.04em; text-transform:uppercase; }
.premium-benefits .premium-benefit-featured { grid-column:1/-1; min-height:210px; padding:30px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; border-color:rgba(220,179,90,.5); background:radial-gradient(circle at 82% 30%,rgba(220,179,90,.23),transparent 28%),linear-gradient(135deg,#1a1811,#0a0e15 70%); }
.premium-benefit-featured::after { content:"AURORA"; position:absolute; right:-8px; top:19px; color:rgba(241,211,137,.055); font-size:clamp(3.5rem,8vw,7rem); font-weight:950; letter-spacing:-.08em; pointer-events:none; }.premium-benefit-featured > * { position:relative; z-index:1; }.premium-benefit-featured b { font-size:1.55rem; text-transform:uppercase; }.premium-benefit-kicker { margin-bottom:7px; color:#e6c36c; font-size:.58rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.premium-card { padding:42px; position:relative; overflow:hidden; border:1px solid rgba(220,179,90,.52); border-radius:26px; background:radial-gradient(circle at 85% 10%,rgba(220,179,90,.16),transparent 31%),linear-gradient(155deg,#181712,#0b0e14); box-shadow:0 35px 90px rgba(0,0,0,.4); }
.premium-card::after { content:"R"; position:absolute; right:-12px; bottom:-88px; color:rgba(220,179,90,.045); font-size:19rem; font-weight:950; line-height:1; pointer-events:none; }
.premium-card > * { position:relative; z-index:1; }.premium-badge { display:inline-flex; padding:6px 10px; color:#f1d389; border:1px solid rgba(220,179,90,.35); border-radius:999px; background:rgba(220,179,90,.08); font-size:.62rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.premium-price { margin:25px 0 4px !important; display:flex; align-items:flex-end; gap:8px; color:white !important; line-height:1; }.premium-price strong { font-size:4.8rem; letter-spacing:-.07em; }.premium-price span { margin-bottom:8px; color:#bbc2ce; font-size:1rem; font-weight:850; }.premium-card > p:not(.premium-price) { margin:0; color:#909bad; font-size:.8rem; }
.premium-includes { margin:30px 0; display:grid; gap:10px; color:#cfd5df; font-size:.78rem; }.premium-includes span::first-letter { color:#e9c66f; }
.premium-value { margin:-8px 0 25px; padding:15px 17px; border:1px solid rgba(220,179,90,.22); border-radius:12px; background:rgba(220,179,90,.06); }.premium-value small,.premium-value b { display:block; }.premium-value small { color:#8e98a8; font-size:.58rem; letter-spacing:.1em; text-transform:uppercase; }.premium-value b { margin-top:5px; color:#f1d389; font-size:.78rem; }
.button-premium { width:100%; color:#171207; background:linear-gradient(135deg,#f2d078,#c79736); box-shadow:0 12px 34px rgba(220,179,90,.2); }.button-premium[disabled] { opacity:.7; cursor:not-allowed; transform:none; }
.premium-card > small { display:block; margin-top:14px; color:#6f7989; font-size:.62rem; text-align:center; }
.premium-fairness { width:min(calc(100% - 48px),var(--max)); margin:0 auto 100px; padding:55px; display:grid; grid-template-columns:.75fr 1.25fr; gap:60px; border:1px solid #293245; border-radius:25px; background:linear-gradient(135deg,#10151e,#090c12); }
.premium-fairness h2 { font-size:clamp(2rem,4vw,3.4rem); }.premium-rules { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.premium-rules article { padding:22px; border:1px solid #293346; border-radius:14px; background:#0b1017; }.premium-rules b { color:#e6c36c; font-size:.62rem; letter-spacing:.14em; }.premium-rules p { margin:28px 0 0; color:#96a1b1; font-size:.76rem; }
.premium-ownership { width:min(calc(100% - 48px),var(--max)); margin:-45px auto 28px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.premium-ownership article { min-height:155px; padding:24px; display:grid; grid-template-columns:auto 1fr; gap:17px; border:1px solid #2a3342; border-radius:16px; background:#0b1017; }.premium-ownership article > span { color:#e6c36c; font-size:.6rem; font-weight:900; letter-spacing:.1em; }.premium-ownership b { display:block; color:#e3e8ef; font-size:.84rem; }.premium-ownership p { margin:8px 0 0; color:#8995a6; font-size:.72rem; }
.home-portals { width:min(calc(100% - 48px),var(--max)); margin:0 auto; padding:30px 0 90px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.home-portals > a { min-height:220px; padding:27px; display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:18px; color:inherit; text-decoration:none; border:1px solid #253044; border-radius:18px; background:linear-gradient(150deg,#111823,#090d14); transition:.2s ease; }
.home-portals > a:hover { transform:translateY(-4px); border-color:#43516a; }.home-portals > a > span { color:var(--red-bright); font-size:.65rem; letter-spacing:.1em; }.home-portals small { color:#748196; font-size:.62rem; text-transform:uppercase; letter-spacing:.12em; }.home-portals h2 { margin:17px 0 5px; font-size:1.7rem; text-transform:uppercase; }.home-portals p { margin:0; color:var(--muted); font-size:.8rem; }.home-portals > a > b { color:#657188; font-size:1.3rem; }
.world-loop { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:center; border-top:1px solid rgba(255,255,255,.08); }.world-loop h2,.career-cta h2,.status-page h2 { margin:0 0 16px; font-size:clamp(2.1rem,4.6vw,4rem); line-height:1; text-transform:uppercase; letter-spacing:-.045em; }.world-loop > div > p:not(.eyebrow) { color:var(--muted); }.world-loop .button { margin-top:20px; }.world-loop ol { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }.world-loop li { min-height:135px; padding:22px; display:grid; align-content:end; border:1px solid #263044; border-radius:14px; background:#0d131c; }.world-loop b,.world-loop span { display:block; }.world-loop b { font-size:1rem; }.world-loop span { color:var(--muted); font-size:.72rem; }
.careers-page { padding-top:85px; }.career-cta { width:min(calc(100% - 48px),var(--max)); margin:0 auto 90px; padding:45px; display:flex; align-items:center; justify-content:space-between; gap:30px; border:1px solid #2b3649; border-radius:22px; background:linear-gradient(120deg,rgba(227,34,50,.12),#0d131c 45%); }.career-cta h2 { margin-bottom:0; font-size:clamp(1.8rem,4vw,3.2rem); }
.whitelist-page { padding-top:85px; }.text-link { display:inline-block; margin-top:25px; color:#d7dee9; font-size:.78rem; font-weight:800; text-decoration:none; }
.status-page { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }.status-page aside { padding:38px; border:1px solid #293449; border-radius:20px; background:linear-gradient(145deg,#121925,#0a0e15); }.status-page aside p { color:var(--muted); }.status-page aside .button { margin-top:15px; }
.status-whitelist-link { display:block; margin-top:16px; color:#8d99ac; font-size:.72rem; font-weight:750; text-decoration:none; }.status-whitelist-link:hover { color:white; }
.live-server-card { margin-top:72px; margin-bottom:-55px; padding:28px 32px; display:grid; grid-template-columns:1.1fr auto 1fr; gap:35px; align-items:center; border:1px solid #293449; border-radius:20px; background:linear-gradient(135deg,#111a25,#090e15); box-shadow:0 24px 60px rgba(0,0,0,.28); }
.live-server-state { display:flex; gap:15px; align-items:center; }.live-server-state div { display:grid; }.live-server-state small,.live-server-metric small { color:#7f8ba0; font-size:.61rem; font-weight:850; letter-spacing:.13em; }.live-server-state strong { color:#dce4ef; font-size:.9rem; letter-spacing:.04em; }
.live-dot { width:13px; height:13px; border-radius:50%; background:#69768a; box-shadow:0 0 0 6px rgba(105,118,138,.12); }.live-server-card.online { border-color:rgba(97,214,132,.4); }.live-server-card.online .live-dot { background:var(--green); box-shadow:0 0 0 6px rgba(97,214,132,.12),0 0 24px rgba(97,214,132,.7); }.live-server-card.offline .live-dot { background:#e35b67; box-shadow:0 0 0 6px rgba(227,91,103,.12); }
.live-server-metric { min-width:145px; padding:4px 28px; display:grid; text-align:center; border-inline:1px solid #293449; }.live-server-metric span { font-size:1.65rem; font-weight:900; line-height:1.15; }.live-server-detail { display:grid; }.live-server-detail b { font-size:.78rem; }.live-server-detail span { color:var(--muted); font-size:.7rem; }
.section-heading { max-width: 720px; margin-bottom: 48px; }
.section-heading.compact { margin-bottom: 34px; }
.section-heading h2, .career-copy h2, .whitelist-intro h2, .status-section h2 { margin: 0 0 16px; font-size: clamp(2.2rem, 4.6vw, 4.2rem); line-height: 1; letter-spacing: -.045em; text-transform: uppercase; }
.section-heading > p:last-child, .career-copy > p, .whitelist-intro > p, .status-section > div > p:last-child { color: var(--muted); font-size: 1.03rem; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.feature-card { min-height: 420px; padding: 30px; position: relative; overflow: hidden; background: linear-gradient(155deg, #121925, #0a0e15); border: 1px solid #202a3b; border-radius: var(--radius); }
.feature-card::after { content:""; position:absolute; width:190px; height:190px; border-radius:50%; right:-80px; top:-80px; background: var(--accent, var(--red)); filter: blur(80px); opacity:.14; }
.feature-number { color: #536075; font-size: .65rem; letter-spacing: .16em; }
.feature-icon { width: 58px; height: 58px; margin: 54px 0 28px; display:grid; place-items:center; color: var(--accent, var(--red-bright)); border:1px solid color-mix(in srgb, var(--accent, var(--red)) 50%, #283146); border-radius: 16px; background: color-mix(in srgb, var(--accent, var(--red)) 8%, #0b1018); font-size:1.5rem; }
.feature-card h3 { margin: 0; font-size: 1.35rem; }
.feature-card p { color: var(--muted); font-size: .9rem; }
.feature-card ul { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 8px; color: #c2cad7; font-size: .8rem; }
.feature-card li::before { content:""; display:inline-block; width:5px; height:5px; margin-right:9px; vertical-align:middle; background:var(--accent, var(--red)); border-radius:50%; }
.feature-police { --accent: #3b9fe4; }.feature-civil { --accent: #e3b458; }.feature-crime { --accent: #e43646; }

.careers-section { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.career-list { margin-top: 35px; display: grid; }
.career { width: 100%; padding: 18px 10px; display: grid; grid-template-columns: 38px 1fr; text-align: left; color: #8793a6; border: 0; border-bottom: 1px solid #202a3a; background: none; cursor: pointer; }
.career span { grid-row: span 2; color: #566176; font-size: .63rem; letter-spacing: .12em; align-self: center; }
.career b { color: #d8dee8; font-size: .95rem; }
.career small { font-size: .75rem; }
.career.active { padding-left: 18px; background: linear-gradient(90deg, rgba(227,34,50,.12), transparent); border-left: 2px solid var(--red-bright); }
.career.active b { color: white; }
.career-display { min-height: 520px; padding: 42px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; border: 1px solid #2a3548; border-radius: 28px; background: radial-gradient(circle at 50% 30%, rgba(43,120,187,.28), transparent 33%), linear-gradient(155deg, #111a27, #080b11); }
.career-display::before { content:""; position:absolute; inset: 8%; border: 1px solid rgba(74,130,181,.18); border-radius: 50%; box-shadow: 0 0 0 35px rgba(74,130,181,.035), 0 0 0 70px rgba(74,130,181,.025); }
.career-display > p:first-child { position:absolute; top:25px; left:30px; color:#69778c; font-size:.62rem; letter-spacing:.2em; }
.career-seal { position:absolute; inset:75px 0 auto; display:grid; place-items:center; }
.career-seal span { width:170px; height:170px; display:grid; place-items:center; border:1px solid rgba(99,170,222,.5); border-radius:50%; color:#5fc8f0; font-size:4rem; box-shadow: inset 0 0 55px rgba(38,135,201,.16), 0 0 60px rgba(38,135,201,.1); }
.career-display h3, .career-display > p, .career-tags { position:relative; z-index:2; }
.career-display h3 { margin:0; font-size:1.65rem; }
.career-display > p { color:var(--muted); }
.career-tags { display:flex; gap:8px; flex-wrap:wrap; }
.career-tags span { padding:6px 9px; border:1px solid #2d3a4f; border-radius:7px; color:#bbc5d4; font-size:.67rem; text-transform:uppercase; }

.rules-section { border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.rules-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #263044; border: 1px solid #263044; border-radius: 18px; overflow: hidden; }
.rules-grid article { min-height: 210px; padding: 28px; background: #0d121b; }
.rules-grid b { color: var(--red-bright); font-size: .66rem; letter-spacing: .15em; }
.rules-grid h3 { margin: 35px 0 8px; font-size: 1rem; }
.rules-grid p { margin: 0; color: var(--muted); font-size: .8rem; }
.rules-note { color:#6e798b; font-size:.76rem; }

.whitelist-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 85px; align-items: start; }
.whitelist-intro { position: sticky; top: 120px; }
.steps { list-style: none; padding: 0; margin: 45px 0 0; display: grid; gap: 0; }
.steps li { min-height: 86px; display: grid; grid-template-columns: 47px 1fr; position: relative; }
.steps li:not(:last-child)::after { content:""; position:absolute; left:17px; top:37px; bottom:-1px; width:1px; background:#2b3548; }
.steps li > span { width:35px; height:35px; display:grid; place-items:center; border:1px solid #39465d; border-radius:50%; color:#c7d0de; background:#0d121b; font-size:.7rem; font-weight:850; }
.steps b, .steps small { display:block; }
.steps b { font-size:.9rem; }.steps small { color:var(--muted); font-size:.75rem; }
.form-shell { border:1px solid #273248; border-radius:24px; overflow:hidden; background:linear-gradient(160deg,#111824,#090d14); box-shadow:0 30px 70px rgba(0,0,0,.3); }
.form-tabs { display:grid; grid-template-columns:1fr 1fr; background:#080b11; border-bottom:1px solid #273248; }
.form-tabs button { min-height:60px; color:#788599; border:0; border-bottom:2px solid transparent; background:none; font-size:.75rem; font-weight:850; text-transform:uppercase; letter-spacing:.09em; cursor:pointer; }
.form-tabs button.active { color:white; border-bottom-color:var(--red-bright); background:rgba(227,34,50,.06); }
.application-form, .status-form { padding:32px; display:grid; gap:18px; }
.status-form > p { color: var(--muted); }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
label { display:grid; gap:7px; color:#cbd3df; font-size:.75rem; font-weight:750; }
label > span:first-child { letter-spacing:.02em; }
label small { color:#6f7c90; font-size:.65rem; font-weight:500; justify-self:end; }
input, textarea, select { width:100%; color:white; border:1px solid #2a3548; border-radius:9px; outline:none; background:#090d14; padding:12px 13px; transition:.15s ease; }
textarea { resize:vertical; min-height:100px; line-height:1.55; }
input:focus, textarea:focus, select:focus { border-color:#c73040; box-shadow:0 0 0 3px rgba(227,34,50,.09); }
.check-label { display:grid; grid-template-columns:20px 1fr; align-items:start; gap:10px; color:#9da9bb; font-weight:500; }
.check-label input { width:17px; height:17px; margin-top:2px; accent-color:var(--red-bright); }
.submit-button { width:100%; margin-top:5px; border:0; }
.submit-button[disabled] { opacity:.6; cursor:wait; transform:none; }
.form-footnote { margin:0; color:#647086; text-align:center; font-size:.65rem; }
.form-message { padding:12px 14px; border-radius:9px; font-size:.78rem; }
.form-message.error { color:#ffc3c8; border:1px solid rgba(255,71,86,.35); background:rgba(227,34,50,.1); }
.form-message.success { color:#bdffd0; border:1px solid rgba(97,214,132,.35); background:rgba(97,214,132,.08); }
.status-result { padding:24px; border:1px solid #2c384b; border-radius:14px; background:#080c12; }
.status-result h3 { margin:0 0 6px; }.status-result p { margin:0; color:var(--muted); }
.status-withdraw { width:100%; margin-top:20px; }
.status-withdraw.confirming { color:#ffd2d6; border-color:#a73340; background:rgba(227,34,50,.1); }
.status-result > small { display:block; margin-top:8px; color:#707d91; text-align:center; font-size:.63rem; }
.status-pill { display:inline-flex; margin-bottom:14px; padding:5px 9px; border-radius:999px; color:#fff; background:#39465a; font-size:.63rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.status-pill.approved { background:#176934; }.status-pill.rejected { background:#7a1e2a; }.status-pill.reviewing { background:#7c5c16; }.status-pill.withdrawn { background:#4c5668; }

.status-section { margin-bottom:90px; padding:65px; display:grid; grid-template-columns:.75fr 1.25fr; gap:60px; border:1px solid #273248; border-radius:28px; background:linear-gradient(145deg,#111823,#090d14); }
.status-board { display:grid; gap:20px; align-content:center; }
.status-board > div { display:grid; grid-template-columns:1fr auto; gap:8px 18px; }
.status-board span { color:#c3ccda; font-size:.8rem; }.status-board b { color:#7f8ba0; font-size:.6rem; letter-spacing:.11em; }
.status-board i { grid-column:1/-1; height:4px; overflow:hidden; border-radius:99px; background:#212a39; }
.status-board em { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--red),var(--red-bright)); }

.page-hero-news { background:radial-gradient(circle at 78% 35%,rgba(90,66,224,.22),transparent 30%),radial-gradient(circle at 62% 80%,rgba(227,34,50,.12),transparent 32%),linear-gradient(145deg,#111125,#070a10); }
.news-preview { width:min(calc(100% - 48px),var(--max)); margin:0 auto; padding:35px 0 110px; }
.news-preview-heading { margin-bottom:30px; display:flex; align-items:end; justify-content:space-between; gap:30px; }
.news-preview-heading .eyebrow { margin-bottom:10px; }.news-preview-heading h2 { margin:0; font-size:clamp(2.3rem,5vw,4.3rem); line-height:.95; text-transform:uppercase; letter-spacing:-.05em; }
.news-preview-heading .text-link { margin:0 0 7px; }
.news-preview-list,.news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.news-card { min-height:285px; padding:25px; display:flex; flex-direction:column; position:relative; overflow:hidden; border:1px solid #263247; border-radius:18px; background:linear-gradient(150deg,#111924,#090d14); }
.news-card::after { content:""; position:absolute; width:150px; height:150px; right:-70px; top:-75px; border-radius:50%; background:#334d78; filter:blur(65px); opacity:.22; pointer-events:none; }
.news-card.featured { border-color:rgba(255,59,73,.42); background:radial-gradient(circle at 100% 0,rgba(227,34,50,.12),transparent 40%),linear-gradient(150deg,#151823,#090d14); }
.news-card.featured::before { content:"Fremhævet"; position:absolute; right:18px; top:17px; z-index:1; color:#ff9aa2; font-size:.55rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.news-card-meta { display:flex; align-items:center; gap:10px; color:#718096; font-size:.62rem; text-transform:uppercase; letter-spacing:.08em; }
.news-card-meta span { color:#ff6976; font-weight:900; }.news-card-meta time::before { content:"•"; margin-right:10px; color:#46536a; }
.news-card h3 { margin:32px 0 10px; max-width:92%; font-size:1.35rem; line-height:1.15; }.news-card p { margin:0 0 25px; color:#9da9ba; font-size:.82rem; }
.news-card > a { margin-top:auto; align-self:flex-start; color:#e1e7f0; font-size:.76rem; font-weight:850; text-decoration:none; }.news-card > a b { margin-left:6px; color:var(--red-bright); }.news-card > a:hover { color:white; }
.news-page { min-height:480px; }.news-page .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.news-page .news-card { min-height:320px; }.news-page .news-card:first-child.featured { grid-column:1/-1; min-height:350px; padding:40px; }.news-page .news-card:first-child.featured h3 { max-width:760px; font-size:clamp(2rem,4vw,3.3rem); }.news-page .news-card:first-child.featured p { max-width:760px; font-size:.95rem; }
.news-loading { min-height:240px; display:grid; place-items:center; align-content:center; gap:14px; color:#748196; text-align:center; border:1px dashed #2c384c; border-radius:18px; }.news-loading span { width:28px; height:28px; border:2px solid #2f3b50; border-top-color:var(--red-bright); border-radius:50%; animation:news-spin .8s linear infinite; }.news-loading p { margin:0; font-size:.76rem; }
@keyframes news-spin { to { transform:rotate(360deg); } }
.news-empty { grid-column:1/-1; padding:55px 30px; color:#8995a7; text-align:center; border:1px dashed #2d394d; border-radius:18px; }.news-empty h2 { margin:0 0 8px; color:white; font-size:1.5rem; }.news-empty p { margin:0 0 20px; }
.news-article { width:min(100%,900px); margin:0 auto; padding:50px; border:1px solid #29354a; border-radius:24px; background:linear-gradient(150deg,#111924,#090d14); box-shadow:0 30px 80px rgba(0,0,0,.28); }
.news-back { display:inline-block; margin-bottom:45px; color:#8f9aad; font-size:.72rem; font-weight:800; text-decoration:none; }.news-back:hover { color:white; }
.news-article h2 { margin:24px 0 18px; font-size:clamp(2.4rem,6vw,5rem); line-height:.95; letter-spacing:-.055em; text-transform:uppercase; }.news-article-summary { max-width:740px; margin:0 0 38px; color:#c0c9d7; font-size:1.12rem; }.news-article-body { padding-top:28px; border-top:1px solid #2a3548; }.news-article-body p { margin:0 0 22px; color:#aeb8c8; font-size:.95rem; line-height:1.8; text-wrap:pretty; }.news-article footer { margin-top:45px; padding-top:20px; color:#68768a; font-size:.7rem; border-top:1px solid #222c3d; }

.account-page { width:min(calc(100% - 44px),var(--max)); min-height:calc(100vh - 228px); margin:0 auto; padding:85px 0 110px; display:grid; grid-template-columns:.9fr 1.1fr; gap:85px; align-items:start; }
.account-intro { position:sticky; top:145px; }.account-intro h1 { margin:18px 0 22px; font-size:clamp(3.4rem,7vw,6.4rem); line-height:.84; letter-spacing:-.065em; text-transform:uppercase; }.account-intro>p:not(.eyebrow){max-width:590px;color:#a3afc0;font-size:1rem}.account-trust{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.account-trust span{padding:7px 10px;color:#a8dcb5;border:1px solid #234834;border-radius:8px;background:#0c1b12;font-size:.68rem;font-weight:750}
.account-shell,.account-dashboard { overflow:hidden; border:1px solid #29364a; border-radius:24px; background:linear-gradient(150deg,#111925,#090d14); box-shadow:0 32px 80px rgba(0,0,0,.3); }.account-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #273248;background:#080b11}.account-tabs button{min-height:60px;color:#7f8ca0;border:0;border-bottom:2px solid transparent;background:none;font-weight:850;cursor:pointer}.account-tabs button.active{color:#fff;border-bottom-color:var(--red-bright);background:rgba(227,34,50,.06)}.account-form{padding:34px;display:grid;gap:18px}.account-form .check-label a{color:#fff}.account-dashboard{padding:36px;display:grid;gap:24px}.account-card-main{display:flex;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid #273248}.account-card-main h2{margin:3px 0 0;font-size:2rem}.account-card-main p{margin:4px 0;color:#7e8a9d;font-size:.75rem}.account-card-main p b{color:#ff707c}.account-avatar{width:76px;height:76px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #42516a;border-radius:20px;background:radial-gradient(circle at 35% 25%,#284a70,#0b111b 72%);font-size:2rem;font-weight:950;box-shadow:0 0 35px rgba(50,201,232,.12)}.account-actions{display:flex;gap:9px;flex-wrap:wrap}.account-actions .button,.account-actions>button{min-height:42px;padding:10px 14px}.account-actions>button,.account-profile-form button,.account-password button{color:#d8e0eb;border:1px solid #36445a;border-radius:8px;background:#111925;font-weight:800;cursor:pointer}.account-profile-form{padding:20px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;border:1px solid #253145;border-radius:14px;background:#0a0f17}.account-profile-form .form-message{grid-column:1/-1}.account-profile-form button{min-height:46px;padding:0 18px}.account-password{padding:18px;border:1px solid #253145;border-radius:14px;background:#0a0f17}.account-password summary{cursor:pointer;color:#cbd5e3;font-weight:800}.account-password form{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-password .form-message,.account-password button{grid-column:1/-1}.account-password button{min-height:44px}
.account-registration-note{margin:24px 34px 0;padding:13px 15px;color:#c7d2e2;border:1px solid #334158;border-radius:10px;background:#0a0f17;font-size:.76rem}
.account-danger{border-color:#573039;background:#170c11}.account-danger summary{color:#ff8e97}.account-danger>p{margin:16px 0 0;color:#ac8d92;font-size:.72rem}.account-danger button{color:#ffd6d9;border-color:#713640;background:#32121a}

.forum-page{width:min(calc(100% - 44px),var(--max));min-height:calc(100vh - 228px);margin:0 auto;padding:65px 0 110px}.forum-hero{margin-bottom:38px;display:flex;align-items:end;justify-content:space-between;gap:35px}.forum-hero h1{margin:10px 0 8px;font-size:clamp(3rem,7vw,6rem);line-height:.85;letter-spacing:-.06em;text-transform:uppercase}.forum-hero>div>p:last-child{max-width:700px;margin:0;color:#929fb2}.forum-layout{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}.forum-categories,.forum-content,.forum-topic-view>header,.forum-post,.forum-reply-form,.forum-login-prompt{border:1px solid #263247;border-radius:17px;background:linear-gradient(145deg,#101722,#090d14)}.forum-categories{position:sticky;top:100px;overflow:hidden}.forum-panel-heading{padding:17px 18px;display:flex;justify-content:space-between;border-bottom:1px solid #263247;color:#7f8b9f;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.forum-panel-heading b{color:#d9e0eb}.forum-categories>div:last-child{display:grid}.forum-categories button{padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;text-align:left;color:#d6deea;border:0;border-bottom:1px solid #202a3a;background:transparent;cursor:pointer}.forum-categories button:hover,.forum-categories button.active{background:rgba(227,34,50,.08);box-shadow:inset 3px 0 var(--red-bright)}.forum-categories button small{grid-column:1/-1;color:#758196;font-size:.66rem;line-height:1.4}.forum-categories button b{color:#718097;font-size:.68rem}.forum-content{min-width:0;padding:24px}.forum-toolbar{margin-bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.forum-toolbar h2{margin:3px 0 0;font-size:1.8rem}.forum-topic-list{display:grid;gap:8px}.forum-topic-row{width:100%;min-height:78px;padding:14px;display:grid;grid-template-columns:42px minmax(0,1fr) 70px 70px auto;gap:14px;align-items:center;text-align:left;color:#dce3ed;border:1px solid #253145;border-radius:11px;background:#0b111a;cursor:pointer}.forum-topic-row:hover{border-color:#46546a;background:#101823}.forum-topic-row>span{display:grid}.forum-topic-row>span>b{font-size:.88rem}.forum-topic-row>span>small{color:#778499;font-size:.62rem}.forum-topic-row>span:nth-last-of-type(-n+2){text-align:center}.forum-topic-symbol{width:38px;height:38px;place-items:center;color:#ff6471;border:1px solid #3c2d38;border-radius:10px;background:#181018}.forum-topic-row i{padding:4px 7px;color:#a9b3c2;border:1px solid #39465a;border-radius:6px;font-size:.57rem;font-style:normal;text-transform:uppercase}.forum-empty{padding:55px 20px;text-align:center;color:#7f8da1;border:1px dashed #354157;border-radius:12px}.forum-empty h3{margin:0;color:#fff}.forum-message{margin-bottom:14px;padding:11px 13px;color:#ffc4ca;border:1px solid #65313a;border-radius:8px;background:#251017;font-size:.75rem}.forum-message.success{color:#c4ffd2;border-color:#315d3d;background:#0c1d12}
.forum-topic-view{display:grid;gap:16px}.forum-back{justify-self:start;color:#9ca8ba;border:0;background:none;cursor:pointer}.forum-topic-view>header{padding:28px;display:flex;align-items:end;justify-content:space-between;gap:22px}.forum-topic-view>header span{color:#ff6572;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.forum-topic-view>header h1{margin:8px 0;font-size:clamp(2rem,5vw,4rem);line-height:.95}.forum-topic-view>header p{margin:0;color:#758297;font-size:.69rem}.forum-moderation{display:flex;gap:8px}.forum-moderation button{padding:8px 11px;color:#c7d0de;border:1px solid #37445a;border-radius:7px;background:#111824;cursor:pointer}.forum-posts{display:grid;gap:10px}.forum-post{display:grid;grid-template-columns:180px 1fr;overflow:hidden}.forum-post aside{padding:22px;display:flex;align-items:center;flex-direction:column;text-align:center;border-right:1px solid #263247}.forum-post aside>span{width:58px;height:58px;display:grid;place-items:center;border:1px solid #40506a;border-radius:16px;background:#152031;font-size:1.5rem;font-weight:950}.forum-post aside>b{margin-top:10px}.forum-post aside>small{color:#758297}.forum-post aside>i{margin-top:9px;padding:3px 7px;color:#ff8791;border:1px solid #55323a;border-radius:99px;font-size:.55rem;font-style:normal;text-transform:uppercase}.forum-post>div{min-width:0;padding:22px}.forum-post>div header{display:flex;justify-content:space-between;color:#6f7c90;font-size:.63rem}.forum-post>div p{margin:18px 0 0;color:#c3ccd9;line-height:1.75;overflow-wrap:anywhere}.forum-reply-form{padding:24px;display:grid;gap:14px}.forum-login-prompt{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.forum-dialog{width:min(calc(100% - 30px),680px);padding:0;color:#fff;border:1px solid #334159;border-radius:20px;background:#0c121b;box-shadow:0 40px 120px #000}.forum-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.forum-dialog form{padding:28px;display:grid;gap:17px}.forum-dialog-top{display:flex;justify-content:space-between;align-items:start}.forum-dialog-top h2{margin:0;font-size:2rem}.forum-dialog-top button{width:38px;height:38px;color:#cbd3df;border:1px solid #354258;border-radius:9px;background:#111824;font-size:1.3rem;cursor:pointer}
.forum-moderation .danger,.forum-post-delete{color:#ff929b;border-color:#63333c;background:#261017}.forum-post>div header>span{display:flex;align-items:center;gap:10px}.forum-post-delete{padding:3px 7px;border-width:1px;border-style:solid;border-radius:5px;font-size:.58rem;cursor:pointer}.forum-post-delete:disabled,.forum-moderation button:disabled{opacity:.55;cursor:wait}

.site-footer { min-height:150px; padding:35px max(24px, calc((100vw - var(--max)) / 2)); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:50px; border-top:1px solid rgba(255,255,255,.08); color:#687489; }
.site-footer p { max-width:650px; font-size:.7rem; }.site-footer > div:last-child { display:flex; gap:18px; }
.site-footer a { color:#a1adbf; font-size:.72rem; text-decoration:none; }
.legal-page { width:min(calc(100% - 40px),900px); margin:0 auto; padding:80px 0 120px; }
.legal-page > header { margin-bottom:45px; }.legal-page h1 { font-size:clamp(3rem,8vw,6.5rem); }.legal-page h2 { margin:42px 0 10px; font-size:1.35rem; }.legal-page p,.legal-page li { color:#a4afc0; }.legal-page section { padding-bottom:25px; border-bottom:1px solid #202a3a; }.legal-page .updated { color:#667388; font-size:.72rem; }

.error-page { min-height:100svh; padding:34px; display:grid; place-items:center; background:radial-gradient(circle at 20% 20%,rgba(227,34,50,.16),transparent 34%),linear-gradient(145deg,#090d14,#03050a 72%); }
.error-page::before { content:"404"; position:fixed; right:-.04em; bottom:-.24em; color:rgba(255,255,255,.025); font-size:min(54vw,42rem); font-weight:950; line-height:1; letter-spacing:-.09em; pointer-events:none; }
.error-page > div { position:relative; z-index:1; width:min(100%,720px); padding:clamp(30px,7vw,76px); border:1px solid #2a364a; border-radius:26px; background:rgba(8,12,19,.88); box-shadow:0 35px 110px rgba(0,0,0,.45); backdrop-filter:blur(18px); }
.error-page h1 { margin:18px 0; font-size:clamp(3rem,9vw,7rem); line-height:.86; letter-spacing:-.065em; text-transform:uppercase; }
.error-page > div > p:not(.eyebrow) { max-width:520px; margin:0 0 30px; color:#9ca8b9; }

@media (max-width: 980px) {
  .menu-button { display:block; }
  .main-nav { display:none; position:absolute; left:16px; right:16px; top:70px; padding:20px; align-items:stretch; flex-direction:column; gap:10px; border:1px solid var(--line); border-radius:14px; background:#0b1018; box-shadow:0 25px 60px #000; }
  .main-nav.open { display:flex; }.main-nav a { padding:8px; }
  .launch-stage { min-height:calc(100svh - 70px); place-items:center; }
  .launch-content { width:100%; }
  .hero { grid-template-columns:1fr; gap:55px; padding-top:80px; }.dispatch-card { max-width:670px; min-height:400px; transform:none; }
  .feature-grid { grid-template-columns:1fr; }.feature-card { min-height:320px; }.feature-icon { margin-top:32px; }
  .careers-section, .whitelist-section,.account-page { grid-template-columns:1fr; gap:45px; }.whitelist-intro,.account-intro { position:static; }
  .rules-grid { grid-template-columns:1fr 1fr; }
  .status-section { grid-template-columns:1fr; padding:40px; }
  .home-portals { grid-template-columns:1fr; }.home-portals > a { min-height:160px; }.world-loop,.status-page,.premium-plan { grid-template-columns:1fr; }.career-cta { align-items:flex-start; flex-direction:column; }
  .premium-fairness { grid-template-columns:1fr; }.premium-rules,.premium-ownership { grid-template-columns:1fr; }
  .live-server-card { grid-template-columns:1fr auto; }.live-server-detail { grid-column:1/-1; }
  .news-preview-list { grid-template-columns:1fr; }.news-card { min-height:220px; }.news-page .news-grid { grid-template-columns:1fr; }.news-page .news-card:first-child.featured { grid-column:auto; }
  .site-footer { grid-template-columns:1fr; gap:15px; }
  .forum-layout{grid-template-columns:1fr}.forum-categories{position:static}.forum-categories>div:last-child{grid-template-columns:1fr 1fr}.forum-categories button{border-right:1px solid #202a3a}.forum-topic-row{grid-template-columns:42px minmax(0,1fr) 55px 55px}.forum-topic-row i{display:none}
}

@media (max-width: 620px) {
  .site-header { height:68px; padding-inline:18px; }.brand-mark { width:36px; height:36px; }
  .launch-stage { min-height:calc(100svh - 68px); padding:42px 18px 58px; place-items:center start; }
  .launch-content { padding:20px 0 55px; }
  .launch-content h1 { font-size:clamp(3.35rem,18vw,5.2rem); }
  .launch-lead { margin-block:18px 22px; font-size:.92rem; }
  .launch-countdown { padding:14px 8px; border-radius:13px; }
  .launch-countdown b { font-size:1.45rem; }
  .launch-countdown small { font-size:.47rem; letter-spacing:.07em; }
  .launch-countdown i { font-size:.9rem; }
  .launch-actions .button { width:100%; }
  .launch-sound { width:100%; min-height:36px; }
  .launch-wait-count,.launch-message { text-align:center; }
  .hero { min-height:auto; padding:72px 20px 55px; }.hero-copy { font-size:.96rem; }.hero-meta { gap:16px; }
  .dispatch-card { min-height:330px; }.dispatch-bottom span { padding:10px; font-size:.66rem; }.dispatch-bottom { min-height:70px; }
  .section { width:min(calc(100% - 32px), var(--max)); padding:75px 0; }
  .home-hero { min-height:auto; }.page-hero { min-height:360px; padding:80px 20px 50px; }.home-portals { width:calc(100% - 32px); }.home-portals > a { grid-template-columns:auto 1fr; }.home-portals > a > b { display:none; }.world-loop ol { grid-template-columns:1fr; }.career-cta { width:calc(100% - 32px); padding:28px; }
  .career-display { min-height:450px; padding:28px; }.career-seal span { width:135px; height:135px; }
  .rules-grid { grid-template-columns:1fr; }.rules-grid article { min-height:160px; }.rules-grid h3 { margin-top:20px; }
  .field-row { grid-template-columns:1fr; }.application-form,.status-form { padding:22px; }
  .status-section { width:calc(100% - 32px); padding:28px; margin-bottom:50px; }
  .premium-benefits { grid-template-columns:1fr; }.premium-benefits .premium-benefit-featured { grid-column:auto; }.premium-card { padding:28px; }.premium-fairness,.premium-ownership { width:calc(100% - 32px); }.premium-fairness { padding:28px; }
  .live-server-card { width:calc(100% - 32px); margin-top:50px; margin-bottom:-35px; padding:22px; grid-template-columns:1fr; gap:20px; }.live-server-metric { padding:16px 0; text-align:left; border-inline:0; border-block:1px solid #293449; }
  .news-preview { width:calc(100% - 32px); padding-bottom:75px; }.news-preview-heading { align-items:flex-start; flex-direction:column; gap:10px; }.news-card,.news-page .news-card:first-child.featured { min-height:250px; padding:22px; }.news-article { padding:26px 21px; }.news-back { margin-bottom:32px; }
  .site-footer { padding:30px 20px; }.site-footer > div:last-child { flex-wrap:wrap; }
  .account-page,.forum-page{width:calc(100% - 28px);padding-top:50px}.account-form,.account-dashboard{padding:22px}.account-shell .account-form{padding:22px}.account-profile-form,.account-password form{grid-template-columns:1fr}.account-profile-form button{min-height:44px}.forum-hero{align-items:flex-start;flex-direction:column}.forum-categories>div:last-child{grid-template-columns:1fr}.forum-content{padding:15px}.forum-toolbar{align-items:flex-start;flex-direction:column}.forum-topic-row{grid-template-columns:36px minmax(0,1fr)}.forum-topic-row>span:nth-last-of-type(-n+2){display:none}.forum-post{grid-template-columns:1fr}.forum-post aside{align-items:center;flex-direction:row;gap:10px;text-align:left;border-right:0;border-bottom:1px solid #263247}.forum-post aside>span{width:42px;height:42px}.forum-post aside>b,.forum-post aside>i{margin:0}.forum-post aside>small{margin-right:auto}.forum-topic-view>header{align-items:flex-start;flex-direction:column}.forum-login-prompt{align-items:flex-start;flex-direction:column}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; } *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}