@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Courier+Prime:wght@400;700&family=Special+Elite&display=swap";:root{--primary-color: #9acd32;--primary-hover: #b8e356;--secondary-color: #5d5a4a;--bg-color: #000000;--card-bg: rgba(15, 15, 15, .95);--text-color: #e8e6e3;--text-muted: #888;--font-heading: "Special Elite", cursive;--font-body: "Special Elite", cursive;--font-accent: "Special Elite", cursive;--font-logo: "Special Elite", cursive}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}a{text-decoration:none;color:inherit;transition:color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-color);position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title span{color:var(--primary-color)}.section-title:after{content:"";display:block;width:60%;height:3px;background:var(--primary-color);margin:.5rem auto 0;box-shadow:0 0 10px var(--primary-color)}.btn{display:inline-block;background:var(--primary-color);color:#000;padding:.8rem 2rem;font-family:var(--font-heading);font-size:1rem;border:none;border-radius:2px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{background:var(--primary-hover);box-shadow:0 0 15px #9acd3266;transform:translateY(-2px)}.btn-small{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.4rem 1rem;font-size:.8rem;font-family:var(--font-heading);transition:all .3s}.btn-small:hover{background:var(--primary-color);color:#000}.navbar{background:#000000f2;border-bottom:1px solid rgba(154,205,50,.3);padding:1rem 0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-logo);font-size:1.8rem;font-weight:700;color:var(--text-color);letter-spacing:-1px}.logo span{color:var(--primary-color)}.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}.nav-links a{font-family:var(--font-heading);font-size:.9rem;color:var(--text-color)}.nav-links a:hover{color:var(--primary-color);text-shadow:0 0 8px rgba(154,205,50,.5)}.nav-link-danger{color:#f44!important;font-weight:700;text-shadow:0 0 5px rgba(255,0,0,.3)}.nav-link-danger:hover{color:red!important;text-shadow:0 0 10px rgba(255,0,0,.6)!important}.hero{height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#000000b3,#000000e6),url(/assets/hero-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 20%,#000000 100%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px;padding:2rem}.hero h1{font-size:4.5rem;margin-bottom:1rem;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.8)}.hero p{font-size:1.5rem;margin-bottom:2.5rem;color:#ccc;font-family:var(--font-accent)}#server-status{padding:4rem 0;background:#050505}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.status-card{background:var(--card-bg);border:1px solid #333;border-radius:2px;overflow:hidden;transition:transform .3s,border-color .3s}.status-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 5px 20px #00000080}.status-header{background:#00000080;padding:1rem 1.5rem;border-bottom:1px solid #333;display:flex;align-items:center;gap:1rem}.status-indicator{width:12px;height:12px;border-radius:50%;background:#555;box-shadow:0 0 5px #00000080}.status-indicator.online{background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #9acd32b3}70%{box-shadow:0 0 0 6px #9acd3200}to{box-shadow:0 0 #9acd3200}}.status-header h3{font-size:1.2rem;color:var(--text-color);margin:0}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-row .label{color:var(--text-muted);font-size:.9rem;font-weight:700}#about{padding:6rem 0;background:#000}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;color:#ccc}.about-image{position:relative;display:flex;justify-content:center}.about-image img{position:relative;z-index:1;width:100%;max-height:500px;object-fit:cover;box-shadow:0 10px 30px #00000080;border:1px solid #333}#join{padding:6rem 0;background:#050505;border-top:1px solid #222}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.join-info h3{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem}.join-info p{font-size:1.1rem;margin-bottom:2rem;color:#ccc}.join-info ul{list-style:none}.join-info ul li{margin-bottom:1rem;padding-left:2rem;position:relative;font-size:1.1rem}.join-info ul li:before{content:"➤";position:absolute;left:0;color:var(--primary-color)}.form-container{background:#141414f2;padding:2.5rem;border:1px solid #333;border-radius:2px;box-shadow:0 10px 40px #00000080}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-family:var(--font-heading);color:var(--primary-color);margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;background:#000;border:1px solid #444;border-radius:0;color:var(--text-color);font-family:var(--font-body);font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}footer{background:#000;padding:3rem 0;border-top:1px solid #222;text-align:center}footer p{color:#666;font-size:.9rem}.members-header{text-align:center;padding:4rem 2rem;background:#050505;border-bottom:1px solid #333;margin-bottom:3rem}.members-header h1{font-size:3rem;color:var(--primary-color)}.rank-section{margin-bottom:2rem;max-width:1000px;margin-left:auto;margin-right:auto}details{background:#0a0a0a;border:1px solid #333;border-radius:4px;overflow:hidden}details[open]{border-color:var(--secondary-color)}summary.rank-title{list-style:none;padding:1rem 1.5rem;background:linear-gradient(90deg,#141414,#0a0a0a);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid transparent;transition:all .3s;margin:0}details[open] summary.rank-title{border-bottom-color:#333;background:#9acd320d}summary.rank-title::-webkit-details-marker{display:none}summary.rank-title h2{font-size:1.4rem;margin:0;color:var(--text-color);background:transparent;border:none;padding:0}summary.rank-title h2 .count{font-size:1rem;color:#666;font-weight:400;margin-left:.5rem}summary.rank-title:hover h2{color:var(--primary-color)}.toggle-icon{color:var(--primary-color);transition:transform .3s}details[open] .toggle-icon{transform:rotate(180deg)}.high-command-grid,.officers-grid,.nco-grid,.enlisted-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1.5rem;background:#0000004d}.member-card{background:#111;border:1px solid #333;border-left:3px solid var(--secondary-color);padding:.8rem;display:flex;align-items:center;gap:1rem;transition:all .2s;height:100%}.member-card:hover{background:#1a1a1a;border-color:var(--primary-color);transform:translate(5px)}.member-avatar{width:40px;height:40px;background:#222;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666;font-size:.9rem;flex-shrink:0;overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{overflow:hidden;flex:1}.member-rank{font-size:.75rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem;font-family:var(--font-body)}.member-name{font-size:1rem;font-weight:700;color:#fff;white-space:normal;word-wrap:break-word;line-height:1.2;font-family:var(--font-body)}.high-command-grid .member-card{padding:1.5rem;border-left-width:5px;border-left-color:var(--primary-color)}.high-command-grid .member-avatar{width:60px;height:60px;font-size:1.2rem}.high-command-grid .member-name{font-size:1.2rem}@media(max-width:768px){.hero h1{font-size:3rem}.about-grid,.join-grid{grid-template-columns:1fr;gap:3rem}.nav-links{display:none}.section-title{font-size:2rem}}