*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#020202;color:#d8d1c3;font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}
body{background:url("assets/starfield.png") center/cover fixed no-repeat}
#particles-js{position:fixed;inset:0;z-index:0;pointer-events:none}
body::after{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.15),rgba(0,0,0,.85));z-index:1;pointer-events:none}
.sidebar{position:fixed;z-index:5;left:0;top:0;bottom:0;width:280px;background:linear-gradient(90deg,rgba(4,4,4,.97),rgba(15,15,15,.84));border-right:1px solid rgba(160,25,25,.45);box-shadow:0 0 40px rgba(160,0,0,.22);display:flex;flex-direction:column}
.brand{height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at center,rgba(120,0,0,.25),transparent 65%)}
.brand-title{text-transform:uppercase;letter-spacing:3px;font-size:38px;color:#c9c0ae;text-shadow:0 0 14px #000}
.brand img{width:120px;opacity:.65;margin-top:10px}
nav{display:flex;flex-direction:column}
.nav-link{height:55px;padding:0 26px;display:flex;align-items:center;color:#c8c1b6;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02);transition:.18s}
.nav-link:hover{color:#ff4c3f;background:linear-gradient(90deg,rgba(120,0,0,.45),rgba(255,255,255,.02));padding-left:34px}
.quote{margin-top:auto;padding:25px;color:#bdb6aa;text-align:center;line-height:1.65;background:linear-gradient(0deg,rgba(80,0,0,.35),transparent)}
.quote span{color:#c43d35}
.page{position:relative;z-index:4;margin-left:280px;min-height:100vh;padding:45px 45px 80px;display:flex;justify-content:center}
.hero{width:min(900px,calc(100vw - 380px));text-align:center;position:relative}.hero h1{font-size:92px;letter-spacing:24px;margin:0;color:#c8c0b1;text-shadow:0 0 18px #000,0 0 28px rgba(255,255,255,.18);font-weight:400}.motto{text-transform:uppercase;letter-spacing:8px;font-size:20px;margin:8px 0 22px}.divider{height:35px;color:#9b1b16;letter-spacing:20px}.rainbow-card{margin:30px auto 25px;min-height:150px;padding:38px 24px;background:linear-gradient(90deg,rgba(80,0,0,.75),rgba(255,235,0,.72),rgba(0,210,120,.58),rgba(0,40,210,.65),rgba(70,0,100,.75));border:1px solid rgba(255,255,255,.12);box-shadow:0 0 35px rgba(0,0,0,.7);backdrop-filter:blur(2px)}.rainbow-card h2{text-transform:uppercase;letter-spacing:18px;font-size:30px;margin:0;color:#eee;text-shadow:0 2px 8px #000}.rainbow-card p{text-transform:uppercase;letter-spacing:7px}.panel{background:linear-gradient(180deg,rgba(7,7,7,.78),rgba(0,0,0,.62));border:1px solid rgba(210,210,210,.12);box-shadow:0 0 25px rgba(0,0,0,.85);padding:28px;margin:22px auto}.welcome h2,.status h2{color:#bf332d;text-transform:uppercase;letter-spacing:5px;font-weight:400}.welcome p{font-size:18px;line-height:1.65}.feature-grid,.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:25px;border-top:1px solid rgba(255,255,255,.08)}.feature-grid article{padding:24px;border-right:1px solid rgba(255,255,255,.08)}.feature-grid article:last-child{border-right:0}.feature-grid h3{text-transform:uppercase;letter-spacing:4px;color:#d7ccb8}.status-grid{grid-template-columns:repeat(4,1fr)}.status-grid div{padding:20px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.status-grid div:last-child{border-right:0}.status-grid span{text-transform:uppercase;font-size:12px;color:#b3aa9c}.status-grid strong{color:#d44a42;font-size:20px;font-weight:400}.status-grid small{color:#c9c0b1}.wing{position:fixed;z-index:2;top:55px;height:82vh;max-height:890px;opacity:.82;filter:drop-shadow(0 0 22px rgba(0,0,0,.9));pointer-events:none}.wing-left{left:220px}.wing-right{right:0}.subpage{padding-top:80px}
@media(max-width:1000px){.sidebar{position:relative;width:100%;height:auto}.page{margin-left:0;padding:30px 15px}.hero{width:100%}.hero h1{font-size:56px;letter-spacing:10px}.wing{opacity:.25}.wing-left{left:-160px}.wing-right{right:-180px}.feature-grid,.status-grid{grid-template-columns:1fr}.feature-grid article,.status-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}}