@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800;900&display=swap');
:root{--navy:#0A1A3D;--navy2:#0d1f45;--navy3:#07142e;--black:#111111;--cyan:#00D9FF;--lime:#A8FF00;--silver:#C7CCD6;--dim:#8794b3}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Helvetica Neue',Helvetica,Arial,system-ui,sans-serif;background:linear-gradient(180deg,#0A1A3D 0%,#07142e 60%,#111111 100%);color:var(--silver);line-height:1.7;min-height:100vh}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
.pnav{position:sticky;top:0;z-index:5;background:rgba(10,26,61,.92);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;gap:12px;padding:14px 6vw;border-bottom:1px solid rgba(0,217,255,.14)}
.pnav img{width:38px;height:38px;border-radius:10px;object-fit:cover}
.pnav b{font-size:16px;letter-spacing:2px;font-family:'Orbitron',sans-serif}
.pnav .sp{flex:1}
.pnav a{color:var(--silver);font-size:13px}
.phero{background:linear-gradient(135deg,#0A1A3D,#07142e);color:#eaf2ea;padding:9vh 6vw 6vh;border-bottom:1px solid #1b2c58}
.phero h1{font-size:clamp(28px,5vw,48px);letter-spacing:1px;font-family:'Orbitron',sans-serif;color:#fff}
.phero p{color:var(--cyan);margin-top:10px;font-size:14px}
.wrap{max-width:860px;margin:0 auto;padding:7vh 6vw 12vh}
.wrap h2{font-size:22px;letter-spacing:.3px;margin:34px 0 10px;color:#fff;font-family:'Orbitron',sans-serif}
.wrap h3{font-size:16px;margin:22px 0 6px;color:#dbe3f5}
.wrap p{color:#aeb9d4;margin-bottom:12px;font-size:15px}
.wrap ul{margin:8px 0 14px 22px;color:#aeb9d4;font-size:15px}
.wrap li{margin-bottom:6px}
.wrap b{color:#eaf0fb}
.note{background:#0d1f45;border:1px solid #22376b;border-left:4px solid var(--cyan);border-radius:10px;padding:16px 20px;margin:22px 0;font-size:14px;color:#c3cee6}
.pfoot{background:#080f22;color:#8794b3;text-align:center;padding:5vh 6vw;font-size:12.5px;border-top:1px solid #1b2c58}
.pfoot a{color:var(--silver)}
.updated{color:#7f8bb0;font-size:13px;margin-top:6px}
/* contact page panels */
.cbox{background:#0d1f45 !important;border:1px solid #22376b !important;color:var(--silver)}
.cbox h3{color:#fff}
form input,form textarea{background:#0a1836 !important;border:1px solid #22376b !important;color:#eaf0fb !important}
form button{background:var(--cyan) !important;color:#04121f !important}
.socrow a{border-color:#33507f !important;color:var(--silver) !important}
.socrow a:hover{background:var(--cyan) !important;color:#04121f !important}


/* ============================================================
   ONE background across the whole site — matches index.html.
   Fixed navy field + blue glow behind every inner page.
   ============================================================ */
:root{
  --navy:#071C3A; --navy2:#0A2547; --blue:#006CFF; --azure:#38BDF8;
  --silver:#E5E7EB; --muted:#94A7C4; --dim:#64789B;
}
body{background:#071C3A !important; color:#E5E7EB !important; position:relative}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1000px 680px at 10% 10%, rgba(0,108,255,.30), transparent 62%),
    radial-gradient(820px 560px at 92% 36%, rgba(56,189,248,.13), transparent 62%),
    radial-gradient(980px 700px at 45% 92%, rgba(10,79,184,.22), transparent 62%),
    linear-gradient(180deg,#071C3A 0%,#08213F 46%,#061630 100%);
}
/* let the shared field show through page chrome */
header,section,main,article,footer,.hero,.wrap,.page,.content{background:transparent !important}
/* typography on the shared field */
h1,h2,h3,h4{color:#FFFFFF !important}
p,li,td{color:#C7D2E6 !important}
a{color:#38BDF8}
a:hover{color:#7DD3FC}
.sub,.lead,.kicker,.tag{color:#38BDF8 !important}
/* cards / panels get the same glass treatment as the homepage */
.card,.panel,.box,.cta,form,fieldset{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(56,189,248,.14) !important;
  backdrop-filter:blur(14px);border-radius:16px}
input,textarea,select{
  background:rgba(255,255,255,.05) !important;color:#E5E7EB !important;
  border:1px solid rgba(56,189,248,.18) !important;border-radius:12px}
input::placeholder,textarea::placeholder{color:#64789B !important}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:#38BDF8 !important;box-shadow:0 0 0 3px rgba(0,217,255,.15)}
button,.btn,[type=submit]{
  background:#006CFF !important;color:#fff !important;border:0;border-radius:100px;
  box-shadow:0 10px 28px rgba(0,108,255,.42);cursor:pointer}
button:hover,.btn:hover,[type=submit]:hover{background:#1E7BFF !important;transform:translateY(-2px)}
hr,.rule{border-color:rgba(56,189,248,.14) !important}