:root{
  --red:#d31b2e;
  --red-bright:#ff283d;
  --red-dark:#710714;
  --black:#070707;
  --panel:#111;
  --panel-2:#171717;
  --text:#f4f4f4;
  --muted:#a7a7a7;
  --line:rgba(255,255,255,.11);
  --max:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#080808;color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
.grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.header{height:92px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:34px;position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(180deg,rgba(5,5,5,.98),rgba(5,5,5,.88));border-bottom:1px solid rgba(255,45,60,.13);backdrop-filter:blur(16px)}
.logo-link{width:310px;display:flex;align-items:center}
.logo-link img{width:100%;height:auto;display:block}
.navigation{display:flex;align-items:center;gap:36px;margin-left:auto}
.navigation a{padding:36px 0 31px;font:600 18px/1 "Barlow Condensed";letter-spacing:.04em;text-transform:uppercase;color:#e5e5e5;border-bottom:3px solid transparent}
.navigation a:hover,.navigation a.active{color:var(--red-bright);border-color:var(--red)}
.header-actions{display:flex;gap:14px}
.menu-button{display:none}
.button{border:1px solid var(--red);background:linear-gradient(135deg,#dc1328,#970817);color:#fff;min-height:50px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font:700 16px "Barlow Condensed";letter-spacing:.05em;cursor:pointer;box-shadow:0 12px 35px rgba(211,27,46,.2);transition:.2s ease}
.button:hover{transform:translateY(-2px);filter:brightness(1.13)}
.button.secondary{background:rgba(10,10,10,.72);border-color:rgba(255,255,255,.35);box-shadow:none}
.button.compact{min-height:46px;padding:0 22px}
.button.large{min-height:58px;padding:0 36px;font-size:19px}
.hero{min-height:755px;padding-top:92px;position:relative;background:url("assets/bloodline-hero.jpg") center 40%/cover no-repeat;isolation:isolate;display:flex;align-items:center}
.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 48%,rgba(0,0,0,.63) 100%),linear-gradient(0deg,#070707 0%,transparent 32%)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 32%,transparent 0 20%,rgba(0,0,0,.23) 60%),linear-gradient(180deg,rgba(0,0,0,.12),transparent)}
.embers{position:absolute;inset:0;overflow:hidden;z-index:-1;opacity:.38;background-image:radial-gradient(circle,#ff7b31 0 1px,transparent 1.5px),radial-gradient(circle,#e3292d 0 1px,transparent 1.5px);background-size:110px 110px,170px 170px;background-position:0 0,40px 55px;animation:embers 25s linear infinite}
@keyframes embers{to{background-position:0 -110px,40px -115px}}
.hero-inner{width:min(var(--max),calc(100% - 56px));margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);gap:90px;align-items:center}
.hero-copy{max-width:660px}
.kicker{margin:0;color:var(--red-bright);font:700 25px "Barlow Condensed";letter-spacing:.04em;text-transform:uppercase}
.hero h1{font:800 clamp(70px,7vw,116px)/.87 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.025em;margin:12px 0 6px;text-shadow:0 6px 20px #000}
.hero-subtitle{font:600 31px "Barlow Condensed";text-transform:uppercase;margin:10px 0 24px;letter-spacing:.05em}
.hero-subtitle span{color:var(--red)}
.hero-description{max-width:510px;font-size:19px;line-height:1.55;color:#eee;text-shadow:0 2px 8px #000}
.hero-buttons{display:flex;gap:12px;margin-top:28px}
.hero code{display:block;margin-top:14px;color:#bdbdbd;font-size:13px}
.server-card{background:linear-gradient(150deg,rgba(10,7,7,.94),rgba(10,10,10,.82));border:1px solid rgba(238,43,57,.55);border-top:3px solid var(--red);padding:28px 30px;box-shadow:0 28px 65px rgba(0,0,0,.55);backdrop-filter:blur(10px)}
.server-card-heading{display:flex;gap:12px;align-items:center;color:var(--red-bright);font:700 23px "Barlow Condensed";text-transform:uppercase}
.signal-bars{display:flex;align-items:flex-end;gap:3px;height:18px}
.signal-bars i{width:3px;background:var(--red);display:block}.signal-bars i:nth-child(1){height:6px}.signal-bars i:nth-child(2){height:10px}.signal-bars i:nth-child(3){height:14px}.signal-bars i:nth-child(4){height:18px}
.status-summary{display:flex;justify-content:space-between;align-items:end;margin:26px 0 18px}
.online-label{display:flex;align-items:center;gap:12px;color:#35cd5a;text-transform:uppercase;font:700 21px "Barlow Condensed"}
.status-dot{width:14px;height:14px;border-radius:50%;background:#35cd5a;box-shadow:0 0 16px #35cd5a}.status-dot.loading{background:#e2a123;box-shadow:0 0 16px #e2a123}.status-dot.offline{background:#d33939;box-shadow:0 0 16px #d33939}
.player-total{text-align:right}.player-total small{display:block;text-transform:uppercase;font:600 15px "Barlow Condensed"}.player-total strong{display:block;font:700 30px "Barlow Condensed"}
.server-card h2{font:600 19px Inter;margin:0 0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-list{margin:0}.status-list div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:8px 0}.status-list dt{text-transform:uppercase;color:#c7c7c7;font:600 16px "Barlow Condensed"}.status-list dd{margin:0;text-align:right;color:#ededed;font-size:14px}
.battlemetrics{display:block;color:var(--red-bright);text-align:right;font-size:14px;margin:7px 0 20px}.battlemetrics:hover{color:#fff}
.card-button{width:100%;font-size:19px}
.status-updated{font-size:10px;color:#777;margin:10px 0 0;text-align:center}
.feature-strip{border-block:1px solid rgba(211,27,46,.32);background:#0a0a0a;display:grid;grid-template-columns:repeat(5,1fr);padding:22px max(28px,calc((100vw - var(--max))/2));gap:0}
.feature-strip article{display:flex;gap:18px;align-items:center;padding:0 28px;border-right:1px solid var(--line)}.feature-strip article:first-child{padding-left:0}.feature-strip article:last-child{border:0}
.feature-strip b{color:var(--red);font:800 42px "Barlow Condensed";min-width:46px;text-align:center}.feature-strip h3{margin:0;text-transform:uppercase;font:700 20px "Barlow Condensed"}.feature-strip p{margin:4px 0 0;color:#aaa;font-size:12px;line-height:1.4}
.dashboard{max-width:var(--max);margin:0 auto;padding:30px 28px 80px;display:grid;grid-template-columns:1.1fr 1fr .84fr;gap:20px}
.panel{background:linear-gradient(145deg,#111,#0a0a0a);border:1px solid var(--line);padding:24px;min-height:235px}
.panel header{display:flex;align-items:center;gap:12px;color:var(--red-bright);border-bottom:1px solid var(--line);padding-bottom:15px}
.panel header h2{margin:0;text-transform:uppercase;font:700 22px "Barlow Condensed"}.panel header span{font-size:20px}
.wipe-layout{display:flex;align-items:center;gap:34px;margin-top:30px}.wipe-name{min-width:150px;border-right:1px solid var(--line);padding-right:25px}.wipe-name strong{display:block;font:700 25px "Barlow Condensed";text-transform:uppercase}.wipe-name span{color:var(--red-bright);font-size:13px}
.countdown{display:flex;align-items:center;gap:14px}.countdown div{text-align:center}.countdown strong{font:700 40px "Barlow Condensed";color:var(--red)}.countdown span{display:block;text-transform:uppercase;color:#bbb;font:600 12px "Barlow Condensed"}.countdown i{font:700 27px "Barlow Condensed";font-style:normal}
.countdown-panel>p{color:#888;margin:20px 0 0;text-align:center;font-size:12px}
.news-list{display:grid;gap:12px;margin-top:18px}.news-item{display:grid;grid-template-columns:75px 1fr;gap:15px}.news-thumb{width:75px;height:56px;background:url("assets/bloodline-hero.jpg") center/cover;border:1px solid rgba(211,27,46,.6)}.news-item h3{margin:0 0 3px;font:600 17px Inter}.news-item p{margin:0;color:#9e9e9e;font-size:12px;line-height:1.4}.news-item time{color:#666;font-size:10px}
.discord-panel>p{color:#bbb;line-height:1.6;margin:25px 0}.discord-status{margin-top:20px;color:#999;font-size:12px}.discord-status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#31bf4d;margin-right:6px}
.content-section{max-width:var(--max);margin:0 auto;padding:100px 28px}
.section-heading{text-align:center;max-width:730px;margin:0 auto 48px}.section-heading h2{font:800 63px/.95 "Barlow Condensed";text-transform:uppercase;margin:8px 0 14px}.section-heading>p:last-child{color:#999;line-height:1.7}
.servers-section{border-top:1px solid var(--line)}
.network-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:26px;align-items:center;background:linear-gradient(135deg,#151515,#0c0c0c);border:1px solid var(--line);padding:28px}
.network-badge{width:75px;height:75px;display:grid;place-items:center;color:var(--red-bright);background:#22070c;border:1px solid #741322;font:800 28px "Barlow Condensed"}
.network-copy h3{margin:0 0 7px;font:700 25px "Barlow Condensed";text-transform:uppercase}.network-copy p{margin:0;color:#999;line-height:1.5;font-size:13px}
.network-stats{display:flex;gap:28px}.network-stats span{color:#777;text-transform:uppercase;font:600 11px "Barlow Condensed"}.network-stats strong{display:block;color:#fff;font-size:18px;margin-bottom:4px}
.store-section{background:#0b0b0b;max-width:none;padding-inline:max(28px,calc((100vw - var(--max))/2))}
.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--max);margin:auto}
.rank-card{position:relative;background:linear-gradient(160deg,#171717,#0c0c0c);border:1px solid var(--line);padding:32px;display:flex;flex-direction:column}
.rank-card.featured{border-color:var(--red);transform:translateY(-12px);box-shadow:0 20px 60px rgba(211,27,46,.15)}.popular{position:absolute;inset:-31px -1px auto;background:var(--red-dark);height:30px;display:grid;place-items:center;text-transform:uppercase;font:700 12px "Barlow Condensed";letter-spacing:.12em}
.rank-name{color:var(--red-bright);text-transform:uppercase;font:700 19px "Barlow Condensed";letter-spacing:.12em}.rank-card h3{font:800 55px "Barlow Condensed";margin:14px 0 0}.rank-card>p{color:#777;margin:0}.rank-card ul{list-style:none;padding:23px 0;margin:20px 0;border-top:1px solid var(--line);flex:1}.rank-card li{margin:14px 0;color:#c1c1c1}.rank-card li:before{content:"✓";color:var(--red-bright);margin-right:10px}.store-disclaimer{text-align:center;color:#656565;font-size:11px;margin-top:35px}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rules-grid article{display:flex;gap:20px;background:#111;border:1px solid var(--line);padding:25px}.rules-grid b{color:var(--red);font:700 18px "Barlow Condensed"}.rules-grid p{margin:0;color:#bbb;line-height:1.5}.rules-link{display:inline-block;color:var(--red-bright);font-weight:700;margin-top:25px}
.final-cta{max-width:var(--max);margin:20px auto 80px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(120deg,#210509,#9c0a1c);border:1px solid rgba(255,255,255,.12)}.final-cta h2{font:800 58px "Barlow Condensed";text-transform:uppercase;margin:5px 0}.final-cta>div:last-child{display:flex;gap:12px}
.footer{border-top:1px solid var(--line);min-height:120px;padding:25px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:280px 1fr 260px;align-items:center;gap:30px;background:#070707}.footer-logo{width:270px}.legal{text-align:center;color:#777;font-size:11px;line-height:1.7}.legal nav{display:flex;justify-content:center;gap:20px}.legal a:hover{color:#fff}.ovh-credit{text-align:right;color:#777;font-size:10px}.ovh-credit span{display:block;margin-bottom:7px}.ovh-credit img{width:210px;max-height:44px}
.toast{position:fixed;left:50%;bottom:25px;z-index:100;transform:translate(-50%,100px);opacity:0;background:#171717;border:1px solid var(--red);padding:13px 20px;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1180px){.navigation{gap:21px}.header-actions .secondary{display:none}.hero-inner{grid-template-columns:1fr 430px;gap:35px}.feature-strip{grid-template-columns:repeat(3,1fr);row-gap:20px}.feature-strip article:nth-child(3){border:0}.dashboard{grid-template-columns:1fr 1fr}.discord-panel{grid-column:1/-1}.network-card{grid-template-columns:auto 1fr}.network-stats,.network-card>.button{grid-column:2}}
@media(max-width:850px){.header{height:78px}.logo-link{width:245px}.navigation{display:none;position:absolute;top:78px;left:0;right:0;background:#080808;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navigation.open{display:flex}.navigation a{padding:8px 0}.menu-button{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:#fff;padding:10px 14px;text-transform:uppercase}.header-actions{display:none}.hero{padding-top:78px}.hero-inner{grid-template-columns:1fr;padding-block:75px}.server-card{max-width:610px}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip article{border-right:0;border-bottom:1px solid var(--line);padding:14px}.dashboard{grid-template-columns:1fr}.discord-panel{grid-column:auto}.network-card{grid-template-columns:1fr}.network-stats,.network-card>.button{grid-column:auto}.rank-grid{grid-template-columns:1fr}.rank-card.featured{transform:none;margin-top:30px}.final-cta{margin-inline:28px;flex-direction:column;align-items:flex-start}.footer{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}.ovh-credit{text-align:center}}
@media(max-width:560px){.logo-link{width:205px}.hero-inner{width:calc(100% - 30px)}.hero h1{font-size:66px}.hero-subtitle{font-size:23px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column}.hero-buttons .button{width:100%}.server-card{padding:22px 18px}.status-list div{grid-template-columns:90px 1fr}.feature-strip{grid-template-columns:1fr}.dashboard{padding-inline:15px}.wipe-layout{display:block}.wipe-name{border:0;padding:0;margin-bottom:20px}.countdown{gap:7px;justify-content:center}.countdown strong{font-size:30px}.content-section{padding-inline:15px}.section-heading h2{font-size:50px}.network-stats{flex-wrap:wrap}.rules-grid{grid-template-columns:1fr}.final-cta{margin-inline:15px;padding:30px 22px}.final-cta h2{font-size:43px}.final-cta>div:last-child{flex-direction:column;width:100%}.final-cta .button{width:100%}}

.logo-link img{max-height:82px;object-fit:contain;object-position:left center}
.footer-logo{max-height:70px;width:auto;object-fit:contain}