:root{
  --bg:#080a0c;--bg2:#0c0f12;--panel:#11161b;--panel2:#161c22;--line:#2b323a;
  --text:#f5f7f9;--muted:#9ba7b2;--orange:#ff871b;--orange2:#ffad47;
  --green:#50dc7b;--red:#ff5c65;--yellow:#ffcc55;--radius:12px;
  --shadow:0 18px 60px rgba(0,0,0,.46)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a0c;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 50% -10%,rgba(255,128,20,.09),transparent 34%),linear-gradient(#090c0f,#07090b)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");z-index:99}.container{width:min(1380px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,h4{line-height:1.1;margin:0 0 14px}.orange{color:var(--orange)}.muted{color:var(--muted)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;height:78px;background:rgba(7,9,11,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,135,27,.28);box-shadow:0 10px 35px rgba(0,0,0,.18)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{height:78px;display:flex;align-items:center;flex:0 0 auto}.brand img{width:154px;height:70px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(255,128,16,.22))}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{position:relative;padding:28px 13px 25px;color:#c8ced4;font-size:.77rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.main-nav a::after{content:"";position:absolute;height:2px;left:50%;right:50%;bottom:15px;background:var(--orange);box-shadow:0 0 14px rgba(255,135,27,.75);transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:hover::after,.main-nav a.active::after{left:13px;right:13px}.main-nav .nav-login{margin-left:8px;border:1px solid #3a424a;border-radius:6px;padding:10px 17px}.main-nav .nav-login::after{display:none}.main-nav .nav-login:hover{border-color:var(--orange)}.nav-toggle{display:none;background:none;border:0;color:white;font-size:1.8rem}

/* Hero */
.hero-home{position:relative;min-height:720px;display:flex;align-items:stretch;overflow:hidden;border-bottom:1px solid rgba(255,135,27,.3);background:#090b0d}.hero-home::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,5,6,.95) 0%,rgba(4,5,6,.78) 28%,rgba(4,5,6,.2) 58%,rgba(4,5,6,.17) 78%,rgba(4,5,6,.68) 100%),linear-gradient(0deg,rgba(5,7,8,.76) 0%,transparent 32%),url('../images/hero-room.jpg');background-position:center;background-size:cover;filter:saturate(.95) contrast(1.04)}.hero-home::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 38%,rgba(255,126,18,.08),transparent 30%);pointer-events:none}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:620px;padding-bottom:76px}.hero-copy{width:min(650px,55%);padding:54px 0 38px}.eyebrow{display:inline-flex;gap:11px;align-items:center;color:var(--orange2);font-weight:850;letter-spacing:.17em;text-transform:uppercase;font-size:.72rem;text-shadow:0 2px 15px #000}.eyebrow::before{content:"";width:32px;height:2px;background:var(--orange);box-shadow:0 0 13px rgba(255,135,27,.8)}.hero-kicker{font-size:clamp(2.7rem,5vw,5.35rem);font-style:italic;text-transform:uppercase;letter-spacing:-.055em;margin:15px 0 -12px;text-shadow:0 10px 30px #000}.hero-mark{display:block;width:min(600px,96%);max-height:260px;object-fit:contain;object-position:left center;margin-left:-24px;filter:drop-shadow(0 16px 26px rgba(0,0,0,.82)) drop-shadow(0 0 16px rgba(255,128,20,.18))}.hero-slogan{margin:0 0 8px;font-size:1.08rem;font-weight:850;text-transform:uppercase;letter-spacing:.055em;color:#fff;text-shadow:0 3px 15px #000}.hero-lead{max-width:570px;margin:0;color:#ced4d9;font-size:1rem;text-shadow:0 2px 10px #000}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;padding:13px 21px;border-radius:7px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;font-size:.78rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--orange2),var(--orange));color:#15100b;box-shadow:0 8px 34px rgba(255,126,19,.25),inset 0 1px rgba(255,255,255,.25)}.btn.primary:hover{box-shadow:0 11px 38px rgba(255,126,19,.36)}.btn.secondary{background:rgba(14,18,22,.82);border-color:#59616a;color:#fff;backdrop-filter:blur(8px)}.btn.secondary:hover{border-color:var(--orange)}.btn.danger{background:#3a1519;border-color:#742831;color:#ffacb1}.btn.small{padding:8px 11px;font-size:.68rem}.discord-dot{color:#8d9cff}
.hero-stats-wrap{position:absolute;left:0;right:0;bottom:0;z-index:4;background:linear-gradient(transparent,rgba(5,7,8,.82) 24%,rgba(5,7,8,.96));padding:32px 0 20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{min-height:88px;display:flex;align-items:center;gap:18px;background:linear-gradient(150deg,rgba(24,30,35,.88),rgba(10,13,16,.9));border:1px solid #353d45;border-radius:9px;padding:18px 22px;box-shadow:0 18px 45px rgba(0,0,0,.32);backdrop-filter:blur(10px)}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,135,27,.5);border-radius:9px;color:var(--orange);font-size:1.55rem;text-shadow:0 0 12px rgba(255,135,27,.7);background:rgba(255,135,27,.04)}.stat b{display:block;font-size:1.65rem;line-height:1;color:#fff}.stat span:last-child{display:block;margin-top:6px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.11em}

/* Sections */
.section{padding:68px 0}.section.alt{background:linear-gradient(180deg,#0b0e11,#090c0f);border-top:1px solid #1c2329;border-bottom:1px solid #1c2329}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.section-head h2{font-size:1.72rem;text-transform:uppercase;font-style:italic;letter-spacing:-.025em}.section-head p{color:var(--muted);margin:5px 0 0;font-size:.92rem}.section-kicker{display:block;margin-bottom:7px;color:#7f8b94;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.section-link{color:var(--orange);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(160deg,#151a1f,#0d1013);border:1px solid #2d343b;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 34px rgba(0,0,0,.23);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);border-color:#4b3a2c;box-shadow:0 16px 42px rgba(0,0,0,.32)}.card-body{padding:18px 19px}.card .meta{color:var(--orange2);font-size:.67rem;font-weight:850;text-transform:uppercase}.card p{color:var(--muted)}.card-arrow{display:inline-flex;gap:6px;color:#f2f4f6;font-weight:850;text-transform:uppercase;font-size:.68rem;letter-spacing:.045em}.card-arrow b{color:var(--orange)}

/* Game cards */
.games-section{background:radial-gradient(circle at 10% 0,rgba(255,127,20,.06),transparent 24%),#080b0d}.game-card-visual{min-height:300px;display:flex;flex-direction:column;padding:0}.game-cover{height:152px;background-size:cover;background-position:center;position:relative;border-bottom:1px solid #353a40}.game-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,12,.48),transparent 50%)}.game-card-body{display:flex;flex:1;flex-direction:column;padding:16px 17px 17px}.game-card-body small{color:#84909a;text-transform:uppercase;font-size:.63rem;letter-spacing:.05em}.game-card-body h3{margin-top:4px;font-size:1.12rem;text-transform:uppercase;font-style:italic}.game-card-body p{font-size:.82rem;margin:0 0 15px}.game-card-body .card-arrow{margin-top:auto}

/* News */
.news-card-visual{min-height:340px;display:flex;flex-direction:column}.news-cover{height:150px;background-size:cover;background-position:center;position:relative}.news-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,13,16,.7),transparent 65%)}.news-card-visual .card-body{display:flex;flex:1;flex-direction:column}.news-card-visual h3{font-size:1.12rem;margin-top:7px}.news-card-visual p{font-size:.85rem;margin:2px 0 18px}.news-card-visual .card-arrow{margin-top:auto}

/* Server preview */
.server-preview-section{background:radial-gradient(circle at 90% 20%,rgba(255,135,27,.055),transparent 28%)}.home-server-card{display:grid;grid-template-columns:132px 1fr;min-height:205px}.home-server-art{background-size:cover;background-position:center;position:relative}.home-server-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#101419)}.home-server-content{padding:18px}.home-server-content h3{font-size:1.06rem;margin:7px 0}.home-server-content p{margin:0 0 9px;font-size:.78rem;color:var(--muted)}.home-server-content code{display:block;margin:8px 0 12px;color:#cfd5db;font-size:.72rem}.server-status-line{display:flex;align-items:center;gap:7px;text-transform:uppercase;font-size:.62rem;font-weight:900;letter-spacing:.07em;color:#aab4bd}.status-dot{width:8px;height:8px;border-radius:50%;background:#68727c;box-shadow:0 0 10px currentColor}.status-dot.online{background:var(--green);color:var(--green)}.status-dot.offline{background:var(--red);color:var(--red)}.status-dot.maintenance{background:var(--yellow);color:var(--yellow)}

/* Recruitment */
.join-strip-section{padding-top:30px}.join-strip{position:relative;min-height:220px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px 46px;border:1px solid rgba(255,135,27,.38);border-radius:14px;background:url('../images/hero-room.jpg') center 48%/cover no-repeat;box-shadow:var(--shadow)}.join-strip-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.96),rgba(6,8,9,.88) 52%,rgba(7,9,11,.54))}.join-copy,.join-strip>.btn{position:relative;z-index:2}.join-copy{max-width:780px}.join-copy h2{font-size:clamp(2rem,4vw,3.35rem);font-style:italic;text-transform:uppercase;margin-top:12px}.join-copy p{color:#cbd1d6;margin:0;max-width:720px}

/* Inner pages / tables / forms */
.page-hero{padding:80px 0 52px;background:radial-gradient(circle at 75% 20%,rgba(255,138,31,.17),transparent 34%);border-bottom:1px solid #23292f}.page-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);text-transform:uppercase;font-style:italic}.page-hero p{color:var(--muted);font-size:1.08rem}.table-wrap{overflow:auto;border:1px solid #2b3138;border-radius:var(--radius)}table{width:100%;border-collapse:collapse;background:#0e1114}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid #242a30;white-space:nowrap}th{background:#151a1f;color:#aab1b8;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;background:#252b31;color:#bcc2c8}.badge.success{background:#153421;color:#75e292}.badge.danger{background:#39181c;color:#ff8990}.badge.warning{background:#433414;color:#ffd66b}.server-card{padding:24px}.server-card .server-top{display:flex;justify-content:space-between;gap:16px}.server-card code{display:block;margin:16px 0;background:#0a0c0e;border:1px solid #2a3036;border-radius:8px;padding:10px;color:#d4d8dc}.gallery-grid{columns:4 220px;column-gap:14px}.gallery-item{break-inside:avoid;margin:0 0 14px;border-radius:12px;overflow:hidden;border:1px solid #2d3339;background:#101419}.gallery-item img{width:100%;display:block}.gallery-item .caption{padding:11px;color:#b9c0c6;font-size:.85rem}.form-card{max-width:820px;margin:auto;background:#101419;border:1px solid #2b3239;border-radius:18px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.78rem;font-weight:800;text-transform:uppercase;color:#c4cad0}.field input,.field textarea,.field select{width:100%;border:1px solid #343b42;background:#090c0f;color:#fff;border-radius:9px;padding:12px 13px;font:inherit;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange)}.field textarea{min-height:150px;resize:vertical}.help{font-size:.8rem;color:var(--muted)}.flash{margin-top:14px;padding:12px 16px;border-radius:9px;border:1px solid #384047;background:#151a1f}.flash.success{border-color:#275c39;color:#93e9aa}.flash.error{border-color:#6e2f36;color:#ffabb0}

/* Footer */
.site-footer{padding:48px 0 18px;background:#050708;border-top:1px solid #20252a}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer h4{color:#fff;text-transform:uppercase}.site-footer a{display:block;color:#9ea6ae;margin:8px 0}.footer-logo{font-size:2.4rem;font-weight:1000;font-style:italic;color:var(--orange)}.copyright{margin-top:35px;padding-top:18px;border-top:1px solid #1b2025;color:#747d85;font-size:.8rem}

/* Login/Admin */
.login-shell{min-height:70vh;display:grid;place-items:center;padding:70px 16px}.login-card{width:min(430px,100%);padding:30px;background:#101419;border:1px solid #30363d;border-radius:18px}.admin-body{background:#090b0e}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-side{background:#0d1013;border-right:1px solid #262c32;padding:22px;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.admin-brand img{width:52px;height:52px;border-radius:10px}.admin-side nav a{display:block;padding:11px 12px;border-radius:8px;color:#b8bfc6;margin:3px 0}.admin-side nav a:hover,.admin-side nav a.active{background:#1b2026;color:#fff}.admin-main{padding:30px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.admin-top h1{font-size:2rem}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.admin-card{background:#12161a;border:1px solid #292f35;border-radius:12px;padding:20px}.admin-card b{font-size:2rem}.panel{background:#101419;border:1px solid #2a3036;border-radius:13px;padding:20px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.actions-inline{display:flex;gap:8px;flex-wrap:wrap}.upload-preview{width:120px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #333}.empty{padding:35px;text-align:center;color:#7f8790}.pagination{display:flex;gap:7px;margin-top:20px}.pagination a{padding:8px 11px;border:1px solid #30363d;border-radius:7px}.pagination a.active{background:var(--orange);color:#111;border-color:var(--orange)}.split{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}

@media(max-width:1050px){.main-nav a{padding-left:8px;padding-right:8px;font-size:.7rem}.brand img{width:125px}.hero-copy{width:62%}.grid-4{grid-template-columns:repeat(2,1fr)}.home-server-grid{grid-template-columns:1fr}.home-server-card{grid-template-columns:190px 1fr}}
@media(max-width:900px){.site-header,.nav-wrap{height:70px}.brand{height:70px}.brand img{width:125px;height:62px}.main-nav{display:none;position:absolute;left:16px;right:16px;top:70px;background:#101419;border:1px solid #30363d;border-radius:12px;padding:10px;flex-direction:column;align-items:stretch;box-shadow:0 22px 50px rgba(0,0,0,.55)}.main-nav.open{display:flex}.main-nav a{padding:11px 12px}.main-nav a::after{display:none}.main-nav .nav-login{margin-left:0}.nav-toggle{display:block}.hero-home{min-height:760px}.hero-home::before{background-image:linear-gradient(90deg,rgba(4,5,6,.93),rgba(4,5,6,.54)),linear-gradient(0deg,rgba(5,7,8,.87),transparent 55%),url('../images/hero-room.jpg');background-position:62% center}.hero-inner{align-items:flex-start;padding-top:52px;min-height:600px}.hero-copy{width:min(680px,100%)}.hero-mark{width:min(570px,95%)}.stats-grid{grid-template-columns:1fr 1fr}.hero-stats-wrap{padding-top:24px}.grid-3,.split{grid-template-columns:1fr}.admin-layout{display:block}.admin-side{position:relative;height:auto}.admin-side nav{display:flex;overflow:auto;gap:4px}.admin-side nav a{white-space:nowrap}.admin-main{padding:20px}.footer-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.join-strip{align-items:flex-start;flex-direction:column}.join-strip>.btn{align-self:flex-start}}
@media(max-width:600px){.container{width:min(100% - 24px,1380px)}.hero-home{min-height:850px}.hero-inner{padding-top:32px}.hero-kicker{font-size:2.7rem;margin-bottom:-4px}.hero-mark{margin-left:-10px}.hero-slogan{font-size:.91rem}.hero-lead{font-size:.92rem}.hero-stats-wrap{position:absolute}.stats-grid,.grid-4,.admin-cards{grid-template-columns:1fr}.stat{min-height:72px;padding:13px 15px}.stat-icon{width:36px;height:36px}.stat b{font-size:1.35rem}.section{padding:52px 0}.section-head{align-items:flex-start;flex-direction:column}.game-cover{height:170px}.home-server-card{grid-template-columns:1fr}.home-server-art{height:130px}.home-server-art::after{background:linear-gradient(0deg,#101419,transparent 60%)}.join-strip{padding:30px 24px}.footer-grid{grid-template-columns:1fr}.page-hero{padding-top:55px}.admin-main{padding:14px}.form-card{padding:20px}}