:root{color-scheme:dark;--bg:#0b0e13;--surface:#12161d;--line:#ffffff12;--muted:#959aa4;--gold:#20c8e8;--text:#f3f1ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;left:20px;top:-100px;background:var(--gold);color:#101010;padding:12px;z-index:10}.skip:focus{top:10px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid var(--line);background:#0b0e13}.brand{display:flex;gap:14px;align-items:center;font-size:12px;letter-spacing:2px;font-weight:700;line-height:1.4}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--muted);margin-top:5px}.monogram{font-family:Georgia,serif;font-size:37px;font-weight:700;letter-spacing:-5px;color:var(--gold);position:relative;padding-right:9px}.monogram span{position:absolute;font-size:15px;right:-1px;top:-5px;letter-spacing:0}nav{display:flex;align-items:center;gap:32px;font-size:12px;color:#b5b8bf}nav a:hover{color:var(--gold)}.nav-button{border:1px solid #20c8e840;padding:12px 18px;color:var(--gold)}.nav-button span{margin-left:15px}#menu{display:none}.hero{position:relative;min-height:650px;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#0b0e13 0%,#0b0e13c0 35%,#0b0e1320 80%),linear-gradient(0deg,#0b0e13 0%,transparent 35%),url('/city.svg') center/cover}.hero-content{position:relative;padding:76px 6.5% 55px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--gold);border-radius:50%}h1{font-size:clamp(54px,6.4vw,88px);letter-spacing:-4px;line-height:1.06;margin:25px 0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold)}h1 em{font-size:1.02em}p{color:var(--muted)}.hero p{font-size:16px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 23px;font-size:12px;font-weight:700;border:1px solid #ffffff20;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#181512;border-color:var(--gold)}.primary:hover{background:#67e4f2}.secondary{background:#12161d80}.hero-caption{display:flex;gap:28px;font-size:8px;letter-spacing:2px;color:#7f858e;margin-top:48px}.side-caption{position:absolute;right:25px;top:150px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#eee8dc80}.server-panel{position:relative;margin:0 6.5%;padding:28px 32px 18px;background:linear-gradient(110deg,#181c24,#11151b);border:1px solid #ffffff14;box-shadow:0 20px 60px #0003;border-top:2px solid #20c8e840}.server-heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin:14px 0 20px}.server-heading h2{font-size:22px;margin:8px 0 24px;letter-spacing:-.5px}.status{border:1px solid #20c8e830;color:var(--gold);background:#20c8e809;padding:5px 11px;font-size:10px;border-radius:30px}.status.live{color:#91d6af;border-color:#91d6af30;background:#91d6af09}.stats-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr}.stats-grid>div{padding:0 28px;border-left:1px solid var(--line)}.stats-grid>div:first-child{padding-left:0;border-left:0}.stats-grid>div:last-child{padding-right:0}.stat-label{display:block;font-size:11px;color:#a4a8b0;margin-bottom:9px}.stats-grid strong{display:block;font-size:33px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin-bottom:10px}.stats-grid small{font-size:10px;color:#777f8a;letter-spacing:0;font-weight:400}.stats-grid strong small{font-size:17px}.capacity-track{height:3px;background:#ffffff10;width:85%;margin-top:15px}.capacity-track div{height:3px;background:var(--gold);width:0}.join-stat button{width:100%;border:1px solid #ffffff13;background:#0b0e1380;color:var(--gold);padding:9px 12px;font-family:monospace;display:flex;justify-content:space-between;gap:10px}.join-stat button:disabled{cursor:default;color:#777f8a}.stats-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:14px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#858b95}.section{margin:0 6.5%;padding:88px 0;border-bottom:1px solid var(--line)}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.about h2{font-size:40px}.about p{font-size:13px}.about .lead{font-size:19px;color:#dbdce0;line-height:1.65;margin-top:0}.text-link{display:inline-flex;gap:40px;font-size:12px;color:var(--gold);margin-top:15px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:12px;max-width:250px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.department{border:1px solid var(--line);background:radial-gradient(ellipse at 90% 0%,#48699918,transparent 70%),#12161c;padding:28px;display:flex;flex-direction:column;min-height:300px}.card-number{font-size:8px;letter-spacing:1.8px;color:#8f98a6}.role-icon{font-size:43px;line-height:1;color:#afc5e4;margin:28px 0 16px}.department h3{font-size:21px;letter-spacing:-.5px;margin:0 0 10px}.department p{font-size:12px;margin:0 0 26px;line-height:1.8}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:auto;font-size:8px;letter-spacing:1.6px;color:#aabbd4}.fire{background:radial-gradient(ellipse at 90% 0%,#aa614319,transparent 70%),#12161c}.fire .role-icon,.fire .card-bottom{color:#dda48a}.civilian{background:radial-gradient(ellipse at 90% 0%,#9b8c4b19,transparent 70%),#12161c}.civilian .role-icon,.civilian .card-bottom{color:var(--gold)}.details{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.details p{font-size:13px;max-width:330px}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-list span{color:var(--muted)}.detail-list strong{text-align:right;font-weight:400}.detail-list>div:first-child{padding-top:0}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--gold);font-size:20px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:750px;font-size:13px;margin:15px 0 8px}.join-section{padding:95px 20px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#20c8e80d,transparent 65%)}.join-section .eyebrow{justify-content:center}.join-section h2{font-size:48px}.join-section p{font-size:13px}.join-section .button{margin-top:20px}.button[aria-disabled=true]{opacity:.6;cursor:default;transform:none}.join-section .join-note{font-size:10px;margin-top:12px}footer{padding:35px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}footer p{font-size:10px}footer>a:last-child{font-size:11px;color:var(--gold)}@media(min-width:1500px){header,.hero-content{padding-left:max(6.5%,calc((100vw - 1300px)/2));padding-right:max(6.5%,calc((100vw - 1300px)/2))}.section,.server-panel{max-width:1300px;margin-left:auto;margin-right:auto}}@media(max-width:900px){nav{gap:17px}.brand{font-size:10px}.hero{min-height:600px}.stats-grid>div{padding:0 15px}.about,.details{gap:35px}.department{padding:20px}.about h2{font-size:34px}}@media(max-width:680px){header{height:78px;padding:0 6%}#menu{display:block;background:transparent;border:1px solid var(--line);color:var(--text);padding:3px 11px;font-size:22px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#12161d;padding:24px;z-index:5;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero-content{padding:58px 6% 30px}.hero-art{background:linear-gradient(90deg,#0b0e13e0,#0b0e1370),linear-gradient(0deg,#0b0e13,transparent 80%),url('/city.svg') 65% center/cover}.hero{min-height:600px}h1{font-size:60px;letter-spacing:-3px}.hero p{font-size:14px}.actions{flex-wrap:wrap}.button{padding:13px 17px;gap:18px}.hero-caption{gap:12px;font-size:7px}.side-caption{display:none}.server-panel{margin:0 5%;padding:24px 22px}.server-heading{align-items:start}.status{font-size:9px}.stats-grid{grid-template-columns:1fr 1fr;row-gap:25px}.stats-grid>div{padding:0 10px}.stats-grid>div:nth-child(3){padding-left:0;border-left:0}.stats-footer{flex-direction:column;gap:4px}.section{margin:0 6%;padding:55px 0}.about,.details{grid-template-columns:1fr;gap:15px}.section-heading{align-items:start;flex-direction:column;gap:0}h2{font-size:31px}.about h2{font-size:34px}.cards{grid-template-columns:1fr}.department{min-height:260px;padding:25px}.role-icon{margin-top:20px}.section-heading p{max-width:none}.join-section{padding:65px 6%}.join-section h2{font-size:37px}footer{align-items:start;flex-direction:column;gap:15px}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-logo{width:68px;height:68px;object-fit:contain;flex-shrink:0}.primary{color:#061b25}.hero-art{filter:hue-rotate(145deg)}@media(max-width:680px){.brand-logo{width:54px;height:54px}}
/* Reference-inspired homepage composition */
:root{--bg:#050505;--surface:#101010;--line:#ffffff16;--muted:#a3a3a3;--text:#f4f4f4}
body{background:var(--bg);font-family:Arial,Helvetica,sans-serif}header{position:absolute;z-index:5;top:12px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 36px));height:58px;padding:0 12px 0 15px;border:1px solid #ffffff30;border-radius:40px;background:#090909f2;box-shadow:0 8px 30px #0003}header .brand-logo{width:36px;height:36px}header nav{gap:30px;font-size:13px;font-weight:600;color:#999}header nav .active{color:white}.discord-nav{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:white;color:#080808;font-size:23px;font-weight:bold}.hero{min-height:790px;height:calc(100svh - 78px);max-height:1080px;display:flex;align-items:center}.hero-art{filter:none;background:linear-gradient(90deg,#000e 0%,#000a 34%,#0003 100%),linear-gradient(0deg,#000 0%,#0005 45%,#0003 100%),url('/city.svg') center/cover;opacity:.92}.hero-content{padding:125px 0 85px;width:min(1200px,calc(100% - 64px));margin:auto}.live-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff15;border-radius:30px;background:#101010b0;padding:5px 12px;font-size:12px;color:#bbb}.live-dot{width:7px;height:7px;border-radius:50%;background:#808080}.live-dot.connected{background:#00d59b}.pill-divider{color:#777}h1{font-size:clamp(52px,5.4vw,88px);line-height:1.02;letter-spacing:-3.5px;font-weight:750;margin:28px 0 30px;color:#f3f3f3}.hero p{max-width:570px;font-size:19px;line-height:1.65;color:#b8b8b8;margin:0}.actions{gap:12px;margin-top:38px}.button{border-radius:12px;padding:14px 27px;min-height:50px;font-size:13px}.primary{background:#fff;border-color:#fff;color:#080808}.primary:hover{background:#ddd}.secondary{background:#08080870;border-color:#ffffff40;color:#eee}.hero-stats{display:flex;gap:70px;margin-top:44px}.hero-stats>div{display:flex;flex-direction:column;max-width:190px}.hero-stats strong{font-size:29px;line-height:1.3;letter-spacing:-.7px;overflow-wrap:anywhere}.hero-stats span{font-size:12px;color:#858585;margin-top:2px}.community-strip{height:78px;display:flex;align-items:center;justify-content:center;gap:38px;overflow:hidden;white-space:nowrap;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:radial-gradient(ellipse at 0% 100%,#20c8e812,transparent 35%),radial-gradient(ellipse at 100% 100%,#20c8e80c,transparent 35%),#090909;color:#7c7c7c;font-size:12px}.community-strip b{font-size:15px;color:#555}.server-panel{margin-top:60px;border-radius:18px;background:#101010;border-top:1px solid var(--line);box-shadow:none}.department{border-radius:16px}.join-section{background:radial-gradient(ellipse at 50% 100%,#20c8e80a,transparent 65%)}.section,.server-panel{max-width:1200px;margin-left:auto;margin-right:auto;width:calc(100% - 64px)}h2 em{color:var(--text);font-family:inherit;font-style:normal;font-weight:600}.server-panel .eyebrow,.section .eyebrow,.join-section .eyebrow{color:#8e9fa2}.capacity-track div{background:#20c8e8}
@media(min-width:1500px){header{padding:0 12px 0 15px}.hero-content{padding:125px 0 85px}}
@media(max-width:900px){.hero-content{width:calc(100% - 80px)}.hero p{font-size:17px;max-width:520px}.hero{min-height:740px}header nav{gap:22px}.hero-stats{gap:45px}}
@media(max-width:680px){header{top:12px;height:56px;padding:0 12px;width:calc(100% - 28px)}header .brand-logo{width:36px;height:36px}#menu{margin-left:auto;margin-right:14px;border:0;padding:0 8px}header nav{top:66px;left:0;right:0;border:1px solid #ffffff20;border-radius:18px;background:#0c0c0c;gap:20px}header nav.open{display:flex}.hero{height:auto;min-height:780px}.hero-content{padding:155px 0 70px;width:calc(100% - 44px)}h1{font-size:clamp(46px,10vw,64px);letter-spacing:-2px;line-height:1.05}.hero p{font-size:16px;line-height:1.7}.actions{margin-top:28px}.hero-stats{gap:30px;margin-top:40px}.hero-stats strong{font-size:24px}.hero-stats span{font-size:11px}.hero-stats>div{max-width:120px}.community-strip{height:65px;justify-content:start;padding:0 22px;gap:25px}.section,.server-panel{width:calc(100% - 40px);margin-left:auto;margin-right:auto}.server-panel{margin-top:35px}.hero-art{background:linear-gradient(90deg,#000c,#0007),linear-gradient(0deg,#000,transparent 85%),url('/city.svg') 65% center/cover}}/* Blue community palette with the floating navigation and editorial hero. */
:root{--bg:#071322;--surface:#0d2137;--line:#b1dbff1a;--muted:#a2b8cf;--gold:#63dfe9}
body{background:#071322}header{background:#071322e8;border-color:#b0def333;backdrop-filter:blur(18px)}header nav{color:#a3b6c9}header nav a:hover{color:#76eff0}.discord-nav{background:#d2fbff;color:#0c2940}.hero{height:auto;min-height:860px;max-height:none;overflow:hidden;background:linear-gradient(115deg,#267da5 0%,#164e76 38%,#102e54 70%,#08172e 100%)}.hero-art{opacity:1;background:radial-gradient(circle at 13% 25%,#a0eeff12 0 42px,transparent 43px),radial-gradient(circle at 78% 67%,#a0eeff0c 0 34px,transparent 35px),radial-gradient(circle at 26% 80%,#a0eeff0c 0 54px,transparent 55px),linear-gradient(0deg,#071322,transparent 40%)}.hero-art:after{content:'';position:absolute;inset:0;background:url('/city.svg') right bottom/70% auto no-repeat;opacity:.08;mix-blend-mode:screen}.hero-content{position:relative;display:grid;grid-template-columns:1.2fr 1fr;column-gap:90px;row-gap:60px;width:min(1160px,calc(100% - 80px));padding:155px 0 65px;align-items:center}.hero-copy{position:relative;z-index:1}.live-pill{background:#071b2d90;border-color:#caeeff26;color:#c0d6e7;font-size:11px}.welcome-label{font-size:10px;letter-spacing:2.5px;color:#a8d6e8;margin-top:29px}h1{font-size:clamp(55px,5.3vw,79px);margin:17px 0 25px;line-height:1.04;letter-spacing:-3px}h1 em{color:#79eeed;font-family:inherit;font-style:normal;font-weight:750}.hero p{color:#c0d5e6;font-size:17px;line-height:1.8;max-width:510px}.actions{margin-top:31px}.button{border-radius:30px}.primary{background:linear-gradient(110deg,#61d6da,#9af5df);border-color:#9ce9e2;color:#0b3446}.primary:hover{background:#b0fff1}.secondary{background:#09233e55;border-color:#c0dcf34d;color:#e8f5ff}.hero-caption{display:block;margin-top:30px;font-size:8px;letter-spacing:2.5px;color:#86afc9}.hero-brand{text-align:center;position:relative}.logo-orbit{position:relative;display:flex;justify-content:center;align-items:center}.logo-orbit:before{content:'';position:absolute;width:90%;height:80%;border-radius:50%;background:#29d7fa22;filter:blur(50px)}.hero-logo{position:relative;width:min(100%,380px);height:auto;object-fit:contain;filter:drop-shadow(0 20px 35px #0004)}.hero-brand .button{display:flex;max-width:290px;margin:24px auto 0;min-height:52px;padding:13px 25px;background:linear-gradient(110deg,#667fbc,#97b9cd);border-color:#c5d4ef55;color:#fff;justify-content:center;gap:30px}.brand-note{display:block;font-size:11px;color:#97b9d0;margin-top:12px}.hero-stats{grid-column:1/-1;display:flex;gap:12px;justify-self:center;margin:0;padding:13px;border-radius:20px;background:#0d284b99;border:1px solid #98c8f526;box-shadow:0 15px 40px #00102220;backdrop-filter:blur(12px)}.hero-stats>div{display:flex;flex-direction:row;align-items:center;gap:12px;max-width:none;min-width:150px;padding:11px 16px;background:#7acfff0c;border-radius:13px}.hero-stats>div>div{display:flex;flex-direction:column}.hero-stats .stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#53c3ef,#6bddd6);font-size:23px;color:white;margin:0;box-shadow:0 0 18px #55ddec22}.hero-stats strong{font-size:22px;line-height:1.3;color:#fff;max-width:140px}.hero-stats span{font-size:10px;color:#afc7dc;margin-top:0}.community-strip{background:#071322;color:#819bb2;border-color:var(--line)}.server-panel{background:linear-gradient(120deg,#0d263c,#0b1c30);border-color:var(--line)}.department{background:radial-gradient(ellipse at top right,#5abfff0b,transparent 70%),#0c1e31}.department p,.section p{color:#a2b8cf}.detail-list span{color:#9ab3cb}.section .eyebrow,.server-panel .eyebrow,.join-section .eyebrow{color:#65c9dc}.section h2 em{color:#69d7e0}.join-section{background:radial-gradient(ellipse at bottom,#236a9226,transparent 70%)}footer{background:#06111e}.text-link{color:#72d9e6}
@media(min-width:1500px){.hero-content{padding:155px 0 65px}}@media(max-width:900px){.hero-content{column-gap:35px;width:calc(100% - 64px)}.hero-logo{max-width:300px}.hero-stats>div{min-width:125px;padding:10px}.hero-stats .hero-code-card{display:none}.hero{min-height:830px}h1{font-size:60px}.hero p{font-size:16px}.actions{flex-wrap:wrap}}@media(max-width:680px){.hero{min-height:0}.hero-content{grid-template-columns:1fr;width:calc(100% - 44px);padding:120px 0 45px;row-gap:35px}.hero-copy{text-align:center}.live-pill{font-size:10px}.welcome-label{font-size:8px;margin-top:24px}h1{font-size:clamp(47px,11vw,66px);letter-spacing:-2px}.hero p{font-size:15px;margin:auto}.actions{justify-content:center;gap:10px}.actions .button{font-size:12px;padding:12px 18px}.hero-caption{font-size:7px}.hero-brand{grid-row:2}.hero-logo{width:240px}.hero-brand .button{margin-top:15px;max-width:260px}.hero-stats{grid-column:1;gap:7px;padding:9px;width:100%;justify-content:center;border-radius:16px}.hero-stats>div{min-width:0;flex:1;justify-content:center;gap:6px;padding:9px 5px}.hero-stats .stat-icon{width:25px;height:25px;font-size:17px}.hero-stats strong{font-size:18px}.hero-stats span{font-size:8px}.hero-art{background:radial-gradient(circle at 15% 25%,#a0eeff10 0 35px,transparent 36px),linear-gradient(0deg,#071322,transparent 50%)}.hero-art:after{background-size:150% auto;opacity:.05}}
.dashboard-entry{position:fixed;right:26px;top:10px;display:flex;align-items:center;gap:8px;border:1px solid #b8edff40;background:#12304cdd;backdrop-filter:blur(14px);color:#e7f8ff;border-radius:30px;padding:9px 18px;font-size:12px;font-weight:700;transform:translateX(calc(50vw - 325px));white-space:nowrap}header{padding-right:22px}@media(max-width:1050px){.dashboard-entry{position:static;transform:none;margin-left:18px;padding:8px 14px}header{width:min(760px,calc(100% - 28px))}header nav{gap:18px}}@media(max-width:680px){.dashboard-entry{margin-left:0;font-size:11px;padding:7px 12px}header nav{gap:20px}}