:root {
  --bg: #050914;
  --bg-soft: #09111e;
  --panel: rgba(10, 21, 36, .72);
  --panel-strong: #0c1726;
  --line: rgba(148, 163, 184, .14);
  --line-strong: rgba(96, 165, 250, .28);
  --text: #f8fafc;
  --muted: #94a3b8;
  --muted-2: #64748b;
  --blue: #3b82f6;
  --blue-2: #60a5fa;
  --cyan: #22d3ee;
  --indigo: #6366f1;
  --gold: #d4af37;
  --green: #22c55e;
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  background:
    radial-gradient(circle at 10% 10%, rgba(59,130,246,.08), transparent 32%),
    radial-gradient(circle at 88% 20%, rgba(34,211,238,.05), transparent 25%),
    var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
body.panel-open, body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
::selection { background: rgba(96,165,250,.35); color: #fff; }

.site-shell { position: relative; isolation: isolate; overflow: clip; }
.grain {
  position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: .035; mix-blend-mode: screen;
  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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.ambient { position: fixed; width: 520px; height: 520px; border-radius: 50%; filter: blur(140px); pointer-events: none; z-index: -1; opacity: .12; }
.ambient-a { background: #2563eb; left: -220px; top: 24vh; }
.ambient-b { background: #0891b2; right: -280px; top: 56vh; }
.cursor-glow { position: fixed; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(59,130,246,.09), rgba(59,130,246,0) 68%); pointer-events: none; z-index: 40; mix-blend-mode: screen; }
.scroll-progress { position: fixed; inset: 0 0 auto; height: 2px; z-index: 1000; background: rgba(255,255,255,.03); }
.scroll-progress span { display: block; width: 100%; height: 100%; transform-origin: left center; transform: scaleX(0); background: linear-gradient(90deg, var(--cyan), var(--blue), #8b5cf6); box-shadow: 0 0 20px rgba(59,130,246,.8); }

.navbar {
  position: fixed; top: 18px; left: 50%; transform: translateX(-50%); width: min(1440px, calc(100% - 40px)); z-index: 500;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px;
  padding: 10px 12px 10px 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 22px;
  background: rgba(4, 9, 18, .54); backdrop-filter: blur(22px) saturate(150%); box-shadow: 0 12px 50px rgba(0,0,0,.16);
  transition: background .25s ease, border-color .25s ease, top .25s ease, box-shadow .25s ease;
}
.navbar.scrolled { top: 10px; background: rgba(4,9,18,.86); border-color: rgba(96,165,250,.18); box-shadow: 0 18px 60px rgba(0,0,0,.28); }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 205px; }
.brand-mark { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(145deg, rgba(59,130,246,.14), rgba(255,255,255,.03)); border: 1px solid rgba(96,165,250,.18); box-shadow: inset 0 1px rgba(255,255,255,.08); }
.brand-mark img { width: 36px; height: 36px; object-fit: contain; filter: drop-shadow(0 8px 18px rgba(0,0,0,.45)); }
.brand-copy { display: grid; line-height: 1; gap: 5px; }
.brand-copy strong { font-family: Rajdhani, Inter, sans-serif; font-size: 22px; letter-spacing: .12em; }
.brand-copy small { font-size: 9px; color: var(--muted); letter-spacing: .18em; text-transform: uppercase; }
.nav-links { justify-self: center; display: flex; align-items: center; gap: 4px; }
.nav-links a { position: relative; padding: 10px 12px; border-radius: 11px; color: #a8b3c4; font-size: 12px; font-weight: 600; transition: color .2s ease, background .2s ease; }
.nav-links a:hover, .nav-links a.active-link { color: #fff; background: rgba(255,255,255,.045); }
.nav-links a.active-link::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; left: 50%; bottom: 3px; transform: translateX(-50%); background: var(--blue-2); box-shadow: 0 0 14px var(--blue); }
.nav-actions { display: flex; align-items: center; gap: 8px; }
.nav-pilot, .nav-discord { height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 13px; border: 1px solid rgba(96,165,250,.18); background: rgba(59,130,246,.08); transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.nav-pilot { gap: 8px; padding: 0 14px; color: #eaf2ff; font-size: 12px; font-weight: 700; }
.nav-pilot img { width: 21px; height: 21px; object-fit: contain; }
.nav-discord { width: 44px; background: rgba(99,102,241,.11); }
.nav-discord img { width: 23px; height: 23px; }
.nav-pilot:hover, .nav-discord:hover { transform: translateY(-2px); border-color: rgba(96,165,250,.4); background: rgba(59,130,246,.15); }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.035); cursor: pointer; }
.menu-toggle span { display: block; width: 18px; height: 1px; margin: 5px auto; background: #fff; transition: transform .25s ease; }

.section-anchor { scroll-margin-top: 120px; }
.hero { position: relative; min-height: 100svh; display: grid; align-items: center; padding: 150px max(5vw, 28px) 86px; overflow: hidden; }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 22%; background: linear-gradient(180deg, transparent, var(--bg)); pointer-events: none; z-index: 4; }
.hero-media { position: absolute; inset: 0; overflow: hidden; z-index: 0; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 62% 48%; transform: scale(1.06); animation: heroDrift 18s ease-in-out infinite alternate; filter: saturate(.86) contrast(1.08) brightness(.72); }
@keyframes heroDrift { to { transform: scale(1.12) translate3d(-1.2%, -1%, 0); } }
.hero-media-overlay { position: absolute; inset: 0; background:
  linear-gradient(90deg, rgba(3,8,16,.97) 0%, rgba(3,8,16,.83) 35%, rgba(3,8,16,.26) 66%, rgba(3,8,16,.72) 100%),
  linear-gradient(180deg, rgba(4,9,18,.46), rgba(4,9,18,.18) 45%, rgba(4,9,18,.86) 100%);
}
.hero-grid { position: absolute; inset: 0; z-index: 1; opacity: .12; background-image: linear-gradient(rgba(148,163,184,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.22) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, #000, transparent 86%); animation: gridFloat 24s linear infinite; }
@keyframes gridFloat { to { transform: translateY(70px); } }
.hero-beacon { position: absolute; width: 470px; height: 470px; border-radius: 50%; filter: blur(80px); opacity: .12; z-index: 1; animation: beaconPulse 7s ease-in-out infinite alternate; }
.beacon-one { background: #2563eb; top: 14%; left: 37%; }
.beacon-two { background: #06b6d4; right: -8%; bottom: 8%; animation-delay: -3s; }
@keyframes beaconPulse { to { transform: scale(1.22) translate3d(30px,-10px,0); opacity: .19; } }
.hero-inner { position: relative; z-index: 5; width: min(1440px, 100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .62fr); align-items: center; gap: clamp(50px, 8vw, 140px); }
.eyebrow, .section-kicker { display: inline-flex; align-items: center; gap: 10px; color: #7dd3fc; font-size: 10px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; }
.live-pulse { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px rgba(34,197,94,.8); }
.live-pulse::after { content: ""; position: absolute; inset: -6px; border: 1px solid rgba(34,197,94,.6); border-radius: inherit; animation: pulseRing 1.9s ease-out infinite; }
@keyframes pulseRing { 0% { transform: scale(.55); opacity: 0; } 35% { opacity: 1; } 100% { transform: scale(1.55); opacity: 0; } }
.hero h1 { margin: 22px 0 24px; max-width: 900px; font-family: Rajdhani, Inter, sans-serif; font-size: clamp(58px, 7.1vw, 126px); font-weight: 700; line-height: .79; letter-spacing: -.045em; text-transform: uppercase; }
.hero h1 span { display: block; }
.gradient-text { color: transparent; -webkit-text-stroke: 1px rgba(191,219,254,.68); background: linear-gradient(90deg, #fff 0%, #bfdbfe 35%, #60a5fa 75%, #22d3ee 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 14px 40px rgba(59,130,246,.22)); }
.hero-lead { max-width: 720px; margin: 0; color: #b5c0cf; font-size: clamp(15px, 1.4vw, 19px); line-height: 1.8; }
.hero-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.cta { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 18px; border-radius: 14px; border: 1px solid transparent; font-size: 13px; font-weight: 800; letter-spacing: .01em; overflow: hidden; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.cta::before { content: ""; position: absolute; inset: 0; transform: translateX(-120%) skewX(-24deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transition: transform .55s ease; }
.cta:hover::before { transform: translateX(120%) skewX(-24deg); }
.cta:hover { transform: translateY(-3px); }
.cta img { width: 22px; height: 22px; object-fit: contain; }
.cta-primary { background: linear-gradient(135deg, #2563eb, #0ea5e9); color: #fff; box-shadow: 0 16px 42px rgba(37,99,235,.25); }
.cta-primary:hover { box-shadow: 0 20px 52px rgba(37,99,235,.36); }
.cta-secondary { background: rgba(8,18,32,.58); border-color: rgba(148,163,184,.17); color: #e7eef8; backdrop-filter: blur(18px); }
.cta-secondary:hover { border-color: rgba(96,165,250,.32); background: rgba(12,28,48,.76); }
.cta-ghost { background: transparent; border-color: var(--line); color: #cbd5e1; }
.cta-arrow { margin-left: 4px; font-size: 17px; }
.tiny-arrow { width: 17px !important; height: 17px !important; opacity: .82; }
.hero-meta { display: flex; gap: 30px; margin-top: 38px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.09); max-width: 700px; }
.hero-meta div { display: grid; gap: 5px; }
.hero-meta strong { font-family: Rajdhani, sans-serif; font-size: 16px; letter-spacing: .14em; }
.hero-meta span { font-size: 10px; color: var(--muted-2); letter-spacing: .1em; text-transform: uppercase; }
.hero-hud { justify-self: end; width: min(100%, 410px); padding: 18px; border: 1px solid rgba(125,211,252,.2); border-radius: 26px; background: linear-gradient(180deg, rgba(7,18,31,.72), rgba(5,12,23,.58)); backdrop-filter: blur(22px); box-shadow: 0 30px 90px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.05); }
.hud-topline { display: flex; justify-content: space-between; align-items: center; padding: 4px 4px 15px; border-bottom: 1px solid rgba(255,255,255,.08); color: #94a3b8; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.hud-online { color: #86efac; }
.hud-online i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--green); margin-right: 6px; box-shadow: 0 0 12px rgba(34,197,94,.7); }
.hud-radar { position: relative; width: 220px; aspect-ratio: 1; margin: 22px auto 16px; display: grid; place-items: center; border-radius: 50%; overflow: hidden; background: radial-gradient(circle, rgba(59,130,246,.08), rgba(3,9,18,.2) 60%, rgba(3,9,18,.7)); border: 1px solid rgba(96,165,250,.14); }
.hud-radar::before, .hud-radar::after { content: ""; position: absolute; background: rgba(96,165,250,.13); }
.hud-radar::before { width: 1px; height: 100%; }
.hud-radar::after { width: 100%; height: 1px; }
.hud-radar img { width: 88px; z-index: 4; filter: drop-shadow(0 10px 22px rgba(0,0,0,.5)); }
.radar-ring { position: absolute; border: 1px solid rgba(96,165,250,.16); border-radius: 50%; }
.ring-a { inset: 18%; }.ring-b { inset: 34%; }
.radar-sweep { position: absolute; inset: 0; background: conic-gradient(from 0deg, transparent 0 78%, rgba(59,130,246,.28) 94%, transparent 100%); animation: radar 4.5s linear infinite; }
@keyframes radar { to { transform: rotate(360deg); } }
.hud-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hud-grid div { padding: 11px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(255,255,255,.022); display: grid; gap: 5px; }
.hud-grid span { font-size: 8px; color: var(--muted-2); letter-spacing: .16em; }
.hud-grid strong { font-family: Rajdhani, sans-serif; font-size: 14px; letter-spacing: .08em; }
.hud-link { margin-top: 12px; min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 13px; border-radius: 12px; background: rgba(59,130,246,.08); border: 1px solid rgba(59,130,246,.12); color: #bfdbfe; font-size: 11px; font-weight: 700; }
.hero-bottomline { position: absolute; z-index: 8; left: max(5vw, 28px); bottom: 34px; display: flex; align-items: center; gap: 12px; color: #64748b; font-size: 8px; font-weight: 800; letter-spacing: .2em; }
.hero-bottomline i { width: 54px; height: 1px; background: linear-gradient(90deg, #64748b, transparent); overflow: hidden; position: relative; }
.hero-bottomline i::after { content: ""; position: absolute; width: 18px; height: 1px; background: #fff; animation: scanLine 1.8s ease-in-out infinite; }
@keyframes scanLine { from { left: -18px; } to { left: 56px; } }

.stats-band { position: relative; z-index: 10; width: min(1440px, calc(100% - 40px)); margin: -34px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(255,255,255,.08); border-radius: 24px; overflow: hidden; background: rgba(7,15,27,.8); backdrop-filter: blur(20px); box-shadow: 0 22px 70px rgba(0,0,0,.28); }
.stat-card { min-height: 135px; padding: 25px 28px; display: grid; align-content: center; gap: 4px; position: relative; }
.stat-card + .stat-card { border-left: 1px solid rgba(255,255,255,.07); }
.stat-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(59,130,246,.07), transparent 55%); opacity: 0; transition: opacity .2s ease; }
.stat-card:hover::before { opacity: 1; }
.stat-card span { color: #60a5fa; font-size: 8px; font-weight: 800; letter-spacing: .18em; }
.stat-card strong { font-family: Rajdhani, sans-serif; font-size: 39px; line-height: 1; }
.stat-card small { color: var(--muted); font-size: 11px; }

.section { width: min(1440px, calc(100% - 40px)); margin: 0 auto; padding: 120px 0; }
.section-kicker { margin-bottom: 22px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 48px; }
.section-heading h2, .ops-content h2, .join-copy h2, .faq-heading h2 { margin: 0; font-family: Rajdhani, sans-serif; font-size: clamp(44px, 5vw, 78px); line-height: .95; letter-spacing: -.025em; }
.section-heading h2 span, .ops-content h2 span, .join-copy h2 span { color: #7d8ca1; }
.section-heading > p { max-width: 510px; margin: 0; color: var(--muted); line-height: 1.8; font-size: 14px; }
.split-heading { align-items: start; }

.bento-grid { display: grid; grid-template-columns: 1.45fr .78fr .7fr; grid-auto-rows: 235px; gap: 14px; }
.glass-card { border: 1px solid rgba(255,255,255,.085); background: linear-gradient(160deg, rgba(14,29,48,.72), rgba(7,15,27,.76)); box-shadow: inset 0 1px rgba(255,255,255,.04), var(--shadow); backdrop-filter: blur(18px); }
.bento { position: relative; padding: 28px; border-radius: var(--radius-lg); overflow: hidden; transform-style: preserve-3d; transform: perspective(1200px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .18s ease, border-color .22s ease; }
.bento::after, .division-card::after { content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; left: calc(var(--mx, 50%) - 130px); top: calc(var(--my, 50%) - 130px); background: radial-gradient(circle, rgba(96,165,250,.12), transparent 68%); pointer-events: none; opacity: .6; }
.bento:hover { border-color: rgba(96,165,250,.2); }
.bento-wide { grid-column: span 2; display: grid; grid-template-columns: .9fr 1.1fr; gap: 20px; }
.bento-tall { grid-row: span 2; display: flex; flex-direction: column; }
.bento h3 { margin: 12px 0 10px; font-family: Rajdhani, sans-serif; font-size: 30px; line-height: 1; }
.bento p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.72; }
.chip { display: inline-flex; align-items: center; width: fit-content; height: 25px; padding: 0 9px; border: 1px solid rgba(96,165,250,.18); border-radius: 999px; background: rgba(59,130,246,.08); color: #93c5fd; font-size: 8px; font-weight: 800; letter-spacing: .17em; }
.bento-visual { position: relative; overflow: hidden; border-radius: 17px; min-height: 100%; }
.bento-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,15,27,.22), transparent 60%); }
.bento-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.bento:hover .bento-visual img { transform: scale(1.045); }
.mini-terminal { display: grid; gap: 9px; margin: 26px 0 18px; padding: 15px; border-radius: 15px; background: rgba(2,8,16,.5); border: 1px solid rgba(255,255,255,.07); }
.mini-terminal span { font-family: Rajdhani, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #dbeafe; }
.dot { width: 6px; height: 6px; display: inline-block; border-radius: 50%; margin-right: 7px; }.dot.green{background:var(--green)}.dot.blue{background:var(--blue-2)}.dot.gold{background:var(--gold)}
.text-link { margin-top: auto; color: #bfdbfe; font-size: 12px; font-weight: 700; display: flex; justify-content: space-between; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.07); }
.metric-bento { display: flex; flex-direction: column; justify-content: space-between; }
.big-index { position: absolute; right: 18px; top: 10px; font-family: Rajdhani, sans-serif; font-size: 80px; font-weight: 700; color: rgba(255,255,255,.035); line-height: 1; }

.divisions-section { padding-top: 135px; }
.division-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.division-card { position: relative; min-height: 450px; padding: 28px; border-radius: 26px; border: 1px solid rgba(255,255,255,.085); background: linear-gradient(160deg, rgba(12,25,42,.84), rgba(6,13,24,.86)); overflow: hidden; transform-style: preserve-3d; transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .18s ease, border-color .2s ease, box-shadow .2s ease; }
.division-card::before { content: ""; position: absolute; width: 330px; height: 330px; border-radius: 50%; right: -160px; top: -180px; filter: blur(6px); opacity: .2; }
.division-card[data-accent="sky"]::before { background: #0ea5e9; }.division-card[data-accent="indigo"]::before { background: #6366f1; }.division-card[data-accent="amber"]::before { background: #d4af37; }
.division-card:hover { transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-7px); border-color: rgba(96,165,250,.25); box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.division-number { position: absolute; top: 22px; right: 25px; color: rgba(255,255,255,.14); font-family: Rajdhani, sans-serif; font-size: 15px; letter-spacing: .16em; }
.division-icon { width: 70px; height: 70px; display: grid; place-items: center; margin-top: 26px; border-radius: 20px; background: rgba(59,130,246,.08); border: 1px solid rgba(96,165,250,.14); }
.division-icon img { width: 38px; height: 38px; object-fit: contain; }
.naval-icon, .ground-icon { font-size: 28px; color: #bfdbfe; }
.division-code { display: block; margin-top: 42px; color: #60a5fa; font-size: 9px; font-weight: 800; letter-spacing: .19em; }
.division-card h3 { margin: 10px 0 12px; max-width: 320px; font-family: Rajdhani, sans-serif; font-size: 35px; line-height: 1; }
.division-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; max-width: 360px; }
.unit-btn { position: absolute; left: 28px; right: 28px; bottom: 28px; display: flex; justify-content: space-between; align-items: center; height: 48px; padding: 0 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.035); color: #dbeafe; cursor: pointer; font-size: 11px; font-weight: 800; transition: background .2s ease, border-color .2s ease; }
.unit-btn:hover { background: rgba(59,130,246,.11); border-color: rgba(96,165,250,.26); }

.operations-section { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(50px, 7vw, 100px); align-items: center; padding-top: 145px; }
.ops-image { position: relative; min-height: 650px; border-radius: 30px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); box-shadow: var(--shadow); }
.ops-image img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center; transition: transform 1s ease; }
.ops-image:hover img { transform: scale(1.035); }
.ops-image-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,9,20,.05), rgba(5,9,20,.18) 48%, rgba(5,9,20,.82)); }
.ops-badge { position: absolute; left: 22px; right: 22px; bottom: 22px; display: flex; justify-content: space-between; align-items: center; padding: 16px 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(4,10,20,.6); backdrop-filter: blur(18px); }
.ops-badge span { color: #a5b4fc; font-size: 8px; font-weight: 800; letter-spacing: .16em; }.ops-badge strong { color: #86efac; font-family: Rajdhani, sans-serif; font-size: 15px; letter-spacing: .1em; }
.ops-content > p { max-width: 570px; color: var(--muted); line-height: 1.8; font-size: 14px; margin: 22px 0 32px; }
.ops-list { display: grid; border-top: 1px solid rgba(255,255,255,.08); }
.ops-list > div { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 12px; min-height: 78px; border-bottom: 1px solid rgba(255,255,255,.08); }
.ops-list span { font-family: Rajdhani, sans-serif; font-size: 13px; color: #64748b; }.ops-list strong { font-family: Rajdhani, sans-serif; font-size: 20px; }.ops-list small { color: var(--muted); font-size: 11px; }
.ops-cta { margin-top: 28px; }

.gallery-section { padding-top: 145px; }
.gallery-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; grid-template-rows: 330px 330px; gap: 14px; }
.gallery-item { position: relative; margin: 0; overflow: hidden; border-radius: 24px; border: 1px solid rgba(255,255,255,.08); background: #0a1422; }
.gallery-feature { grid-row: span 2; }
.gallery-item:last-child { grid-column: span 2; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) contrast(1.03); transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .4s ease; }
.gallery-item:hover img { transform: scale(1.05); filter: saturate(1) contrast(1.06); }
.gallery-item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(2,8,16,.88)); }
.gallery-item figcaption { position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 20px; display: grid; gap: 4px; }
.gallery-item figcaption span { color: #7dd3fc; font-size: 8px; font-weight: 800; letter-spacing: .16em; }.gallery-item figcaption strong { font-family: Rajdhani, sans-serif; font-size: 22px; }

.join-section { padding-top: 135px; }
.join-panel { position: relative; min-height: 510px; display: grid; grid-template-columns: 1fr .42fr; align-items: center; padding: clamp(40px, 6vw, 86px); border: 1px solid rgba(96,165,250,.17); border-radius: 34px; background: linear-gradient(145deg, rgba(11,26,44,.86), rgba(5,11,21,.95)); overflow: hidden; box-shadow: 0 34px 100px rgba(0,0,0,.32); }
.join-panel::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 50%, rgba(37,99,235,.18), transparent 35%), linear-gradient(90deg, rgba(59,130,246,.035) 1px, transparent 1px), linear-gradient(rgba(59,130,246,.035) 1px, transparent 1px); background-size: auto, 45px 45px, 45px 45px; }
.join-copy { position: relative; z-index: 3; }
.join-copy p { max-width: 640px; color: var(--muted); line-height: 1.8; margin: 22px 0 30px; }
.join-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.join-visual { position: relative; z-index: 3; justify-self: center; display: grid; place-items: center; gap: 16px; }
.join-visual::before, .join-visual::after { content: ""; position: absolute; border: 1px solid rgba(96,165,250,.14); border-radius: 50%; animation: ringBreath 6s ease-in-out infinite; }.join-visual::before{width:260px;height:260px}.join-visual::after{width:330px;height:330px;animation-delay:-2s}
@keyframes ringBreath { 50% { transform: scale(1.08); opacity: .38; } }
.join-visual img { width: 135px; z-index: 2; filter: drop-shadow(0 20px 30px rgba(0,0,0,.5)); }.join-visual span { z-index: 2; color: #64748b; font-size: 8px; font-weight: 800; letter-spacing: .2em; }

.faq-section { padding-top: 130px; }
.faq-layout { display: grid; grid-template-columns: .55fr 1fr; gap: 70px; align-items: start; }
.faq-heading { position: sticky; top: 130px; }.faq-heading p { color: var(--muted); line-height: 1.7; }
.faq-list { display: grid; }
.faq-item { border-top: 1px solid rgba(255,255,255,.09); }
.faq-item:last-child { border-bottom: 1px solid rgba(255,255,255,.09); }
.faq-question { width: 100%; min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0; border: 0; background: transparent; color: #e5edf7; text-align: left; cursor: pointer; }
.faq-question span { font-family: Rajdhani, sans-serif; font-size: 24px; font-weight: 600; }.faq-question i { font-style: normal; font-size: 24px; font-weight: 300; color: #60a5fa; transition: transform .25s ease; }
.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }.faq-answer p { overflow: hidden; margin: 0; color: var(--muted); line-height: 1.8; font-size: 13px; padding-right: 60px; }
.faq-item.active .faq-answer { grid-template-rows: 1fr; }.faq-item.active .faq-answer p { padding-bottom: 28px; }.faq-item.active .faq-question i { transform: rotate(45deg); }

.site-footer { width: min(1440px, calc(100% - 40px)); margin: 20px auto 0; padding: 38px 0 42px; border-top: 1px solid rgba(255,255,255,.08); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; color: var(--muted); }
.footer-brand { display: flex; align-items: center; gap: 11px; }.footer-brand img { width: 44px; height: 44px; object-fit: contain; }.footer-brand div { display: grid; gap: 2px; }.footer-brand strong { font-family: Rajdhani,sans-serif; font-size: 19px; letter-spacing: .1em; color: #fff; }.footer-brand span, .footer-meta, .footer-links { font-size: 10px; }
.footer-links { display: flex; gap: 18px; }.footer-links a:hover { color: #fff; }.footer-meta { justify-self: end; display: flex; gap: 18px; }

.unit-overlay { position: fixed; inset: 0; z-index: 800; background: rgba(2,6,12,.62); backdrop-filter: blur(8px); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; }
.unit-panel { position: fixed; z-index: 810; top: 16px; right: 16px; bottom: 16px; width: min(560px, calc(100% - 32px)); padding: 36px; border: 1px solid rgba(96,165,250,.18); border-radius: 28px; background: rgba(7,16,29,.97); box-shadow: -30px 0 90px rgba(0,0,0,.38); transform: translateX(calc(100% + 30px)); transition: transform .4s cubic-bezier(.2,.8,.2,1); overflow-y: auto; }
.unit-overlay.active { opacity: 1; visibility: visible; }.unit-panel.active { transform: translateX(0); }
.unit-close { position: absolute; top: 20px; right: 20px; width: 42px; height: 42px; border-radius: 13px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.04); font-size: 25px; cursor: pointer; }
.unit-code { display: block; padding-right: 50px; color: #60a5fa; font-size: 9px; font-weight: 800; letter-spacing: .18em; }.unit-panel h2 { margin: 14px 0 16px; font-family: Rajdhani,sans-serif; font-size: 46px; line-height: 1; }.unit-panel > p { color: var(--muted); line-height: 1.75; font-size: 13px; }
.unit-detail-grid { display: grid; gap: 10px; margin: 28px 0; }.unit-detail-grid div { padding: 17px; border-radius: 16px; border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.025); }.unit-detail-grid span { color: #64748b; font-size: 8px; font-weight: 800; letter-spacing: .16em; }.unit-detail-grid p { margin: 7px 0 0; color: #cbd5e1; line-height: 1.6; font-size: 12px; }
.unit-jobs { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 28px; }.unit-job { padding: 8px 10px; border-radius: 999px; border: 1px solid rgba(96,165,250,.14); color: #bfdbfe; background: rgba(59,130,246,.06); font-size: 9px; font-weight: 700; }.unit-apply { width: 100%; }

.reveal { opacity: 0; transform: translateY(28px); filter: blur(4px); transition: opacity .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms), transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms), filter .8s ease var(--reveal-delay, 0ms); }
.reveal.active { opacity: 1; transform: translateY(0); filter: blur(0); }

@media (max-width: 1180px) {
  .nav-links { display: none; }
  .navbar { grid-template-columns: auto 1fr auto; }
  .nav-actions { justify-self: end; }
  .menu-toggle { display: block; }
  body.menu-open .nav-links { display: flex; position: fixed; top: 86px; left: 20px; right: 20px; flex-direction: column; align-items: stretch; padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 22px; background: rgba(4,9,18,.96); backdrop-filter: blur(20px); box-shadow: var(--shadow); }
  body.menu-open .nav-links a { padding: 14px; }
  body.menu-open .menu-toggle span:first-child { transform: translateY(3px) rotate(45deg); }
  body.menu-open .menu-toggle span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .hero-inner { grid-template-columns: 1fr .55fr; gap: 45px; }
  .hero h1 { font-size: clamp(58px, 8vw, 92px); }
  .bento-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; }.bento-wide { grid-column: span 2; min-height: 300px; }.bento-tall { grid-row: auto; min-height: 300px; }.metric-bento { min-height: 240px; }
  .division-grid { grid-template-columns: 1fr; }.division-card { min-height: 340px; }.division-card h3 { font-size: 32px; }
  .operations-section { grid-template-columns: 1fr; }.ops-image { min-height: 520px; }
  .gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 360px 300px 300px; }.gallery-feature { grid-row: span 1; grid-column: span 2; }.gallery-item:last-child { grid-column: span 1; }
}

@media (max-width: 820px) {
  .navbar { width: calc(100% - 20px); top: 10px; border-radius: 18px; gap: 8px; }
  .brand { min-width: 0; }.brand-copy small { display: none; }.brand-mark { width: 40px; height: 40px; }.brand-mark img { width: 32px; height: 32px; }
  .nav-pilot { width: 42px; padding: 0; }.nav-pilot span { display: none; }.nav-pilot img { width: 20px; }
  .nav-discord { width: 42px; height: 42px; }.menu-toggle { width: 42px; height: 42px; }
  .hero { padding: 125px 20px 80px; min-height: auto; }
  .hero-media-overlay { background: linear-gradient(180deg, rgba(3,8,16,.78), rgba(3,8,16,.9) 68%, rgba(3,8,16,.98)); }.hero-media img { object-position: 60% center; opacity: .62; }
  .hero-inner { grid-template-columns: 1fr; }.hero-hud { justify-self: stretch; width: 100%; }.hud-radar { width: 180px; }
  .hero h1 { font-size: clamp(52px, 15vw, 78px); }.hero-lead { font-size: 14px; line-height: 1.7; }.hero-meta { gap: 18px; flex-wrap: wrap; }.hero-bottomline { display: none; }
  .stats-band { width: calc(100% - 20px); grid-template-columns: 1fr 1fr; margin-top: -20px; }.stat-card { min-height: 120px; padding: 20px; }.stat-card:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.07); }.stat-card:nth-child(4) { border-top: 1px solid rgba(255,255,255,.07); }
  .section { width: calc(100% - 28px); padding: 90px 0; }.section-heading { display: grid; gap: 22px; }.section-heading h2, .ops-content h2, .join-copy h2, .faq-heading h2 { font-size: clamp(42px, 12vw, 60px); }
  .bento-grid { display: grid; grid-template-columns: 1fr; }.bento-wide { grid-column: auto; display: grid; grid-template-columns: 1fr; }.bento-visual { min-height: 230px; }.bento-tall, .metric-bento { min-height: 260px; }
  .ops-image { min-height: 430px; }.ops-list > div { grid-template-columns: 38px 1fr; }.ops-list small { grid-column: 2; padding-bottom: 14px; }
  .gallery-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: none; }.gallery-feature, .gallery-item:last-child { grid-column: auto; }.gallery-item { height: 300px; }
  .join-panel { grid-template-columns: 1fr; padding: 38px 24px; }.join-visual { margin-top: 70px; }.join-visual::before{width:220px;height:220px}.join-visual::after{width:280px;height:280px}
  .faq-layout { grid-template-columns: 1fr; gap: 26px; }.faq-heading { position: static; }.faq-answer p { padding-right: 0; }
  .site-footer { grid-template-columns: 1fr; gap: 22px; }.footer-links { flex-wrap: wrap; }.footer-meta { justify-self: start; flex-wrap: wrap; }
  .cursor-glow { display: none; }
}

@media (max-width: 520px) {
  .hero h1 { font-size: clamp(46px, 16vw, 64px); }
  .hero-ctas, .join-actions { display: grid; grid-template-columns: 1fr; }.cta { width: 100%; }
  .hero-meta { display: grid; grid-template-columns: 1fr 1fr; }
  .stats-band { grid-template-columns: 1fr 1fr; }.stat-card strong { font-size: 32px; }
  .division-card { min-height: 390px; padding: 24px; }.unit-btn { left: 24px; right: 24px; bottom: 24px; }
  .ops-image { min-height: 360px; }
  .gallery-item { height: 260px; }
  .faq-question span { font-size: 20px; }
  .unit-panel { top: 8px; right: 8px; bottom: 8px; width: calc(100% - 16px); padding: 28px 20px; border-radius: 22px; }.unit-panel h2 { font-size: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
}

/* =========================================================
   USTRP MAIN SITE — CINEMATIC BOOT SCREEN
========================================================= */
.site-loader{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;overflow:hidden;background:#02070d;transition:opacity .6s ease,visibility .6s ease,transform .6s ease}.site-loader.is-ready{opacity:0;visibility:hidden;transform:scale(1.015)}.site-loader::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(2,8,14,.78),rgba(2,8,14,.95)),url('/assets/awacs-formation.png') center/cover no-repeat;opacity:.36;transform:scale(1.04);animation:siteLoaderFloat 12s ease-in-out infinite alternate}.site-loader::after{content:"";position:absolute;width:45vw;height:45vw;right:-15vw;top:-18vw;border-radius:50%;background:radial-gradient(circle,rgba(39,147,255,.22),transparent 65%);filter:blur(70px)}.site-loader-grid{position:absolute;inset:-15%;background-image:linear-gradient(rgba(76,175,239,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(76,175,239,.05) 1px,transparent 1px);background-size:74px 74px;transform:perspective(900px) rotateX(63deg) translateY(35%);animation:siteGridMove 5s linear infinite}.site-loader-panel{position:relative;z-index:2;width:min(560px,88vw);padding:38px 34px 30px;text-align:center;border:1px solid rgba(85,184,250,.16);border-radius:28px;background:linear-gradient(145deg,rgba(7,23,38,.79),rgba(3,11,20,.55));backdrop-filter:blur(22px);box-shadow:0 42px 110px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.035)}.site-loader-mark{width:106px;height:106px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(86,188,255,.18);background:radial-gradient(circle,rgba(52,157,225,.14),transparent 62%);box-shadow:0 0 0 14px rgba(67,173,244,.025),0 0 55px rgba(49,160,235,.08)}.site-loader-mark img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(76,182,252,.2))}.site-loader-panel>span{display:block;color:#5abfff;font:700 9px Rajdhani,sans-serif;letter-spacing:.3em}.site-loader-panel h1{margin:7px 0 3px;font:700 clamp(38px,7vw,62px) Rajdhani,sans-serif;letter-spacing:.04em;color:#f6fbff}.site-loader-panel h1 em{font-style:normal;color:#49b8ff}.site-loader-panel p{margin:0;color:#87a3b8;font:500 12px Inter,sans-serif}.site-loader-bar{height:4px;margin:24px 0 15px;border-radius:99px;overflow:hidden;background:rgba(87,170,225,.09)}.site-loader-bar i{display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,#3eb4ff,#8ad9ff,transparent);animation:siteLoadBar 1.35s ease-in-out infinite}.site-loader-status{display:flex;justify-content:center;gap:17px;flex-wrap:wrap}.site-loader-status b{font:700 8px Rajdhani,sans-serif;letter-spacing:.14em;color:#5e7d93}.site-loader-status b::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px;background:#50e4a3;box-shadow:0 0 9px rgba(80,228,163,.65)}@keyframes siteLoadBar{from{transform:translateX(-120%)}to{transform:translateX(360%)}}@keyframes siteGridMove{to{background-position:74px 74px}}@keyframes siteLoaderFloat{to{transform:scale(1.085) translate3d(-1%,.6%,0)}}@media(max-width:600px){.site-loader-panel{padding:30px 20px 25px;border-radius:22px}.site-loader-mark{width:92px;height:92px}.site-loader-mark img{width:67px;height:67px}.site-loader-status{gap:9px}}@media(prefers-reduced-motion:reduce){.site-loader::before,.site-loader-grid,.site-loader-bar i{animation:none!important}}


/* =========================================================
   USTRP — LIVE DISCORD MANAGEMENT DIRECTORY
========================================================= */
.management-section{position:relative;isolation:isolate}.management-backdrop{position:absolute;inset:52px -8vw 30px;z-index:-2;border:1px solid rgba(96,165,250,.08);border-radius:42px;background:radial-gradient(circle at 12% 10%,rgba(59,130,246,.12),transparent 28%),radial-gradient(circle at 86% 72%,rgba(168,85,247,.09),transparent 30%),linear-gradient(155deg,rgba(8,20,35,.74),rgba(3,10,19,.38));overflow:hidden}.management-backdrop::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.management-heading{margin-bottom:24px}.management-status{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin-bottom:18px;padding:13px 15px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(7,18,31,.7);backdrop-filter:blur(18px)}.management-status>span{display:inline-flex;align-items:center;gap:8px;color:#86efac;font-size:9px;font-weight:800;letter-spacing:.16em}.management-status>span i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.72);animation:mgmtPulse 2s ease-in-out infinite}.management-status strong{font-family:Rajdhani,sans-serif;font-size:25px}.management-status small{color:#64748b;font-size:10px}.management-status button{justify-self:end;height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(96,165,250,.14);background:rgba(59,130,246,.07);color:#bfdbfe;font-size:10px;font-weight:800;cursor:pointer;transition:.2s ease}.management-status button:hover{background:rgba(59,130,246,.14);border-color:rgba(96,165,250,.28);transform:translateY(-1px)}@keyframes mgmtPulse{50%{opacity:.45;box-shadow:0 0 5px rgba(34,197,94,.3)}}.management-groups{display:grid;gap:18px}.management-group{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:25px;background:linear-gradient(150deg,rgba(9,23,39,.76),rgba(5,13,24,.68));box-shadow:0 28px 80px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(20px)}.management-group:first-child{border-color:rgba(168,85,247,.15);background:radial-gradient(circle at 90% 0%,rgba(168,85,247,.08),transparent 26%),linear-gradient(150deg,rgba(9,23,39,.78),rgba(5,13,24,.7))}.management-group-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:4px 4px 17px;border-bottom:1px solid rgba(255,255,255,.065)}.management-group-head span{display:block;color:#64748b;font-size:8px;font-weight:800;letter-spacing:.18em}.management-group-head h3{margin:5px 0 0;font:700 30px Rajdhani,sans-serif}.management-group-head b{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(96,165,250,.12);border-radius:12px;background:rgba(59,130,246,.055);font:700 18px Rajdhani,sans-serif;color:#93c5fd}.management-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding-top:15px}.management-card{--role-accent:#3b82f6;position:relative;min-height:205px;padding:18px;border:1px solid color-mix(in srgb,var(--role-accent) 24%,rgba(255,255,255,.055));border-radius:19px;background:linear-gradient(150deg,color-mix(in srgb,var(--role-accent) 7%,rgba(7,17,30,.86)),rgba(4,11,20,.86));overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.management-card::before{content:"";position:absolute;width:150px;height:150px;right:-55px;top:-60px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--role-accent) 18%,transparent),transparent 70%);filter:blur(4px)}.management-card::after{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;border-radius:999px;background:var(--role-accent);box-shadow:0 0 18px color-mix(in srgb,var(--role-accent) 62%,transparent)}.management-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--role-accent) 50%,rgba(255,255,255,.08));box-shadow:0 22px 50px rgba(0,0,0,.28),0 0 28px color-mix(in srgb,var(--role-accent) 8%,transparent)}.management-avatar-wrap{position:relative;width:72px;height:72px;margin-bottom:17px}.management-avatar{width:72px;height:72px;border-radius:18px;object-fit:cover;border:1px solid color-mix(in srgb,var(--role-accent) 42%,rgba(255,255,255,.12));background:#08101b;box-shadow:0 12px 28px rgba(0,0,0,.3)}.management-profile-dot{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;border:4px solid #07111f;background:var(--role-accent);box-shadow:0 0 12px color-mix(in srgb,var(--role-accent) 48%,transparent)}.management-card-role{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--role-accent) 24%,transparent);background:color-mix(in srgb,var(--role-accent) 10%,transparent);color:color-mix(in srgb,var(--role-accent) 78%,white);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.management-card h4{margin:11px 0 2px;font:700 22px Rajdhani,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.management-card p{margin:0;color:#64748b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.management-empty,.management-error{grid-column:1/-1;min-height:150px;display:grid;place-items:center;text-align:center;padding:25px;border:1px dashed rgba(148,163,184,.12);border-radius:17px;color:#64748b;background:rgba(255,255,255,.015);font-size:12px;line-height:1.7}.management-error strong{display:block;color:#f8fafc;font:700 20px Rajdhani,sans-serif;margin-bottom:5px}.management-skeleton{height:205px;border-radius:19px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(100deg,rgba(255,255,255,.025) 15%,rgba(96,165,250,.065) 35%,rgba(255,255,255,.025) 55%);background-size:220% 100%;animation:mgmtSkeleton 1.45s linear infinite}@keyframes mgmtSkeleton{to{background-position:-220% 0}}.management-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:14px;padding:0 6px;color:#526277;font-size:9px;letter-spacing:.04em}
@media(max-width:1180px){.management-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.management-backdrop{inset:35px -10px 20px}.management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-status{grid-template-columns:auto auto 1fr}.management-status button{grid-column:1/-1;width:100%}.management-footnote{display:grid;gap:6px}.management-card{min-height:190px}}@media(max-width:520px){.management-group{padding:14px;border-radius:20px}.management-grid{grid-template-columns:1fr}.management-card{min-height:175px}.management-group-head h3{font-size:27px}.management-status{grid-template-columns:auto 1fr}.management-status small{display:none}.management-status button{grid-column:1/-1}}