:root{--blue:#0a6bff;--light:#58a9ff;--dark:#003f9e;--bg:#020711;--panel:#071321;--line:rgba(102,173,255,.18);--text:#f6f9ff;--muted:#8fa4bd}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 8%,rgba(10,107,255,.09),transparent 28%),radial-gradient(circle at 90% 25%,rgba(10,107,255,.07),transparent 25%),var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.intro{position:fixed;inset:0;z-index:9999;background:#020711;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}.intro img{width:230px;animation:introLogo 1.5s ease}.intro span{font:800 20px Orbitron,sans-serif;letter-spacing:.35em;margin-top:12px}.intro small{color:var(--muted);letter-spacing:.28em;font-size:8px;margin-top:12px}.intro.hide{opacity:0;visibility:hidden}@keyframes introLogo{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(10,107,255,.12),transparent 68%);pointer-events:none;z-index:1;transform:translate(-50%,-50%)}
.topbar{width:min(1220px,calc(100% - 40px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand,.footer-brand{display:flex;align-items:center;gap:12px}.brand img{width:50px;height:50px;object-fit:contain}.brand strong,.brand span{display:block;line-height:1}.brand strong{font:800 14px Orbitron,sans-serif;letter-spacing:.17em}.brand span{margin-top:6px;color:var(--muted);font-size:9px;letter-spacing:.56em}nav{display:flex;gap:29px}nav a{color:var(--muted);font-size:13px;transition:.25s}nav a:hover{color:#fff}.mini-cta{border:1px solid rgba(90,171,255,.35);background:rgba(10,107,255,.08);padding:11px 18px;border-radius:4px;font-size:12px}.menu{display:none;border:0;background:none;color:white;font-size:27px}
.hero{width:min(1220px,calc(100% - 40px));min-height:720px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center;position:relative}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(90,171,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,171,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 80%,transparent)}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow,.section-title>span,.police-text>span,.join-box>div>span{color:var(--light);font-size:10px;letter-spacing:.28em;font-weight:800}.hero-logo{width:150px;height:92px;object-fit:contain;object-position:left;margin:26px 0 8px;filter:drop-shadow(0 10px 30px rgba(10,107,255,.15))}.hero h1{font:800 clamp(55px,7vw,90px)/.95 Orbitron,sans-serif;letter-spacing:-.065em}.hero h1 span{color:transparent;-webkit-text-stroke:1px var(--light)}.hero-copy>p{max-width:600px;margin:28px 0 32px;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{min-height:49px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;cursor:pointer;font-weight:700;font-size:13px;transition:.25s}.button:hover{transform:translateY(-3px)}.primary{background:linear-gradient(135deg,var(--blue),var(--dark));color:white;box-shadow:0 14px 36px rgba(10,107,255,.2)}.ghost{background:rgba(255,255,255,.025);border-color:var(--line);color:white}.discord{background:#5865f2;color:white}
.server-bar{max-width:610px;margin-top:38px;padding:15px 17px;display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:22px;border:1px solid var(--line);background:rgba(3,13,27,.76);backdrop-filter:blur(16px)}.server-bar small{display:block;color:var(--muted);font-size:8px;letter-spacing:.16em}.server-bar strong{display:block;margin-top:5px;font-size:13px}.server-bar>span{color:var(--light);border:1px solid var(--line);padding:7px 10px;font-size:9px;letter-spacing:.2em}.status{display:flex;align-items:center;gap:11px}.status i{width:8px;height:8px;border-radius:50%;background:#40df8b;box-shadow:0 0 0 6px rgba(64,223,139,.08)}
.hero-visual{min-height:515px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(90,171,255,.22);background:linear-gradient(155deg,rgba(10,107,255,.13),transparent 35%),rgba(4,14,29,.68);overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:15%;border:1px solid rgba(90,171,255,.08);transform:rotate(45deg)}.visual-label{position:absolute;top:23px;left:25px;color:var(--muted);font-size:8px;letter-spacing:.25em}.hex{width:175px;height:200px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 20%,83% 78%,50% 100%,17% 78%,6% 20%);border:2px solid var(--light);background:linear-gradient(145deg,rgba(10,107,255,.2),rgba(10,107,255,.02));font:800 43px Orbitron,sans-serif;letter-spacing:.06em;color:var(--light)}.hero-visual p{margin-top:25px;color:var(--muted);font-size:11px;letter-spacing:.25em;line-height:1.9}.scanner{position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,var(--light),transparent);animation:scan 4s linear infinite}@keyframes scan{to{transform:translateY(515px)}}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.13}.orb-a{width:300px;height:300px;right:-80px;top:120px;background:var(--blue)}.orb-b{width:220px;height:220px;left:-120px;bottom:30px;background:#1b7fff}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.012)}.ticker div{min-width:max-content;height:58px;display:flex;align-items:center;gap:28px;animation:ticker 22s linear infinite}.ticker span{font:700 11px Orbitron,sans-serif;letter-spacing:.28em;color:#b7c8dc}.ticker i{width:5px;height:5px;background:var(--blue);transform:rotate(45deg)}@keyframes ticker{to{transform:translateX(-35%)}}
.section{width:min(1220px,calc(100% - 40px));margin:auto;padding:115px 0;position:relative}.section-index{position:absolute;right:0;top:80px;font:800 70px Orbitron,sans-serif;color:rgba(90,171,255,.045)}.section-title h2,.police-text h2,.join-box h2{font:800 clamp(36px,5vw,60px)/1.07 Orbitron,sans-serif;letter-spacing:-.045em;margin-top:16px}.section-title.centered{max-width:800px;margin:auto;text-align:center}.section-title.centered p{color:var(--muted);margin-top:20px;line-height:1.75}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;margin-top:60px}.about-text p{color:var(--muted);font-size:17px;line-height:1.85}.about-text p+p{margin-top:22px}.about-text a{display:inline-block;margin-top:28px;color:var(--light);font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.stats article{min-height:170px;padding:27px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.stats article:last-child{border-right:0}.stats strong{font:700 31px Orbitron,sans-serif;color:var(--light)}.stats span{color:var(--muted);font-size:12px;margin-top:10px}
.timeline{margin-top:55px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.timeline article{position:relative;padding:30px 22px;border-right:1px solid var(--line)}.timeline article:last-child{border-right:0}.timeline article:before{content:"";position:absolute;top:-5px;left:22px;width:9px;height:9px;background:var(--blue);transform:rotate(45deg)}.timeline b{color:var(--light);font:700 10px Orbitron,sans-serif}.timeline strong,.timeline span{display:block}.timeline strong{margin-top:22px;font-size:15px}.timeline span{color:var(--muted);font-size:12px;line-height:1.6;margin-top:8px}
.cards{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{min-height:270px;padding:27px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(10,107,255,.07),rgba(255,255,255,.012));transition:.3s}.card:hover{transform:translateY(-7px);border-color:rgba(90,171,255,.42)}.card b{color:var(--light);font:700 11px Orbitron,sans-serif}.card h3{font-size:20px;margin:65px 0 15px}.card p{color:var(--muted);font-size:14px;line-height:1.75}
.team-grid{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-card{padding:24px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(10,107,255,.08),rgba(255,255,255,.012));text-align:center;transition:.3s}.team-card:hover{transform:translateY(-8px);border-color:rgba(90,171,255,.45)}.avatar{aspect-ratio:1;overflow:hidden;border:1px solid rgba(90,171,255,.28);margin-bottom:23px}.avatar img{width:100%;height:100%;object-fit:cover;transition:.5s}.team-card:hover .avatar img{transform:scale(1.06)}.team-card>span{color:var(--light);font-size:9px;letter-spacing:.22em;font-weight:800}.team-card h3{font:700 24px Orbitron,sans-serif;margin:12px 0 14px}.team-card p{color:var(--muted);font-size:13px;line-height:1.7}
.police-panel{min-height:510px;border:1px solid rgba(90,171,255,.23);background:radial-gradient(circle at 17% 50%,rgba(10,107,255,.16),transparent 30%),linear-gradient(120deg,rgba(10,107,255,.06),transparent),rgba(5,15,30,.75);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;padding:55px}.police-logo{display:flex;align-items:center;justify-content:center}.police-logo img{width:min(100%,390px);max-height:390px;object-fit:contain;filter:drop-shadow(0 20px 50px rgba(10,107,255,.12))}.police-text p{max-width:600px;color:var(--muted);line-height:1.8;margin:22px 0 30px}
.update-grid{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.update-card{padding:30px;border-top:1px solid var(--light);background:rgba(255,255,255,.018)}.update-card time{color:var(--light);font-size:9px;letter-spacing:.2em}.update-card h3{font-size:20px;margin:24px 0 14px}.update-card p{color:var(--muted);font-size:13px;line-height:1.7}
.faq{max-width:900px;margin:55px auto 0}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);line-height:1.7;padding-top:16px;font-size:14px}
.join{padding-bottom:130px}.join-box{min-height:390px;padding:60px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:65px;border:1px solid rgba(90,171,255,.28);background:linear-gradient(120deg,rgba(10,107,255,.13),transparent 42%),rgba(5,16,32,.82);position:relative;overflow:hidden}.join-box:after{content:"LEGACY";position:absolute;right:-30px;bottom:-42px;font:800 125px Orbitron,sans-serif;color:rgba(90,171,255,.035)}.join-box p{color:var(--muted);line-height:1.7;margin-top:20px}.join-actions{display:grid;gap:12px;position:relative;z-index:2}.join-actions .button{width:100%}.email{text-align:center;color:var(--muted);font-size:12px;margin-top:4px}
footer{width:min(1220px,calc(100% - 40px));min-height:135px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.footer-brand img{width:52px;height:52px;object-fit:contain}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font:700 13px Orbitron,sans-serif;color:white;letter-spacing:.14em}.footer-brand span{margin-top:6px;font-size:8px;letter-spacing:.22em}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:200;background:rgba(5,16,32,.96);color:white;border:1px solid rgba(90,171,255,.35);padding:12px 18px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(28px);transition:.8s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:980px){nav,.mini-cta{display:none}.menu{display:block}nav.open{display:flex;position:absolute;top:82px;left:0;right:0;flex-direction:column;gap:18px;padding:24px;background:#050f1d;border:1px solid var(--line)}.hero{grid-template-columns:1fr;padding:80px 0}.hero-visual{min-height:440px}.about-grid,.police-panel,.join-box{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar,.hero,.section,footer{width:min(100% - 28px,1220px)}.hero{min-height:auto;gap:65px}.hero-logo{width:125px}.hero h1{font-size:clamp(46px,15vw,64px)}.hero-copy>p{font-size:15px}.server-bar{grid-template-columns:1fr;align-items:start}.section{padding:82px 0}.section-index{font-size:50px;top:55px}.stats,.cards,.team-grid,.update-grid,.timeline{grid-template-columns:1fr}.stats article{min-height:115px;border-right:0;border-bottom:1px solid var(--line)}.stats article:last-child{border-bottom:0}.timeline article{border-right:0;border-bottom:1px solid var(--line)}.card{min-height:230px}.police-panel,.join-box{padding:32px 22px}footer{padding:30px 0;flex-direction:column;gap:20px;text-align:center}.cursor-glow{display:none}.intro img{width:180px}}

.avatar-initials{
  display:grid;place-items:center;
  background:radial-gradient(circle at 50% 35%,rgba(88,169,255,.18),transparent 45%),
  linear-gradient(145deg,rgba(10,107,255,.12),rgba(255,255,255,.01));
  font:800 clamp(54px,7vw,88px) Orbitron,sans-serif;
  color:var(--light);letter-spacing:.04em;
  text-shadow:0 0 28px rgba(10,107,255,.22);
  position:relative;
}
.avatar-initials:after{
  content:"";position:absolute;inset:16px;
  border:1px solid rgba(90,171,255,.12);
  clip-path:polygon(50% 0,100% 25%,88% 82%,50% 100%,12% 82%,0 25%);
}