:root{
  --cyber-blue:#05a9ff;
  --cyber-blue-dark:#006dd6;
  --cyber-red:#ff2638;
  --cyber-red-dark:#b90f1f;
  --cyber-dark:#050914;
  --cyber-card:#0b1324;
  --cyber-muted:#9aa7bd;
  --cyber-light:#f5f8ff;
}
*{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--cyber-dark);color:var(--cyber-light)}
.text-cyber-blue{color:var(--cyber-blue)}.text-cyber-red{color:var(--cyber-red)}.text-muted-cyber{color:var(--cyber-muted)}
.bg-cyber-card{background:linear-gradient(145deg,rgba(11,19,36,.96),rgba(8,13,26,.96));border:1px solid rgba(255,255,255,.08)}
.navbar{background:rgba(5,9,20,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.navbar-brand img{height:46px}.nav-link{color:#d8e2f3!important}.nav-link:hover,.nav-link.active{color:var(--cyber-blue)!important}
.hero{min-height:86vh;display:flex;align-items:center;background:radial-gradient(circle at 20% 35%,rgba(5,169,255,.25),transparent 34%),radial-gradient(circle at 80% 40%,rgba(255,38,56,.22),transparent 34%),linear-gradient(180deg,#050914,#070b17)}
.hero-logo{max-width:520px;filter:drop-shadow(0 0 32px rgba(5,169,255,.25)) drop-shadow(0 0 34px rgba(255,38,56,.18))}
.badge-cyber{background:rgba(5,169,255,.12);border:1px solid rgba(5,169,255,.45);color:#dff5ff}
.btn-cyber{background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-red));border:0;color:white;font-weight:700;box-shadow:0 0 24px rgba(5,169,255,.24)}
.btn-cyber:hover{color:white;transform:translateY(-1px);box-shadow:0 0 30px rgba(255,38,56,.28)}
.btn-outline-cyber{border:1px solid rgba(5,169,255,.7);color:var(--cyber-light)}
.btn-outline-cyber:hover{background:rgba(5,169,255,.16);color:white;border-color:var(--cyber-blue)}
.section{padding:90px 0}.section-title{font-weight:800;letter-spacing:-.03em}.gradient-text{background:linear-gradient(90deg,var(--cyber-blue),#dbeafe,var(--cyber-red));-webkit-background-clip:text;background-clip:text;color:transparent}
.cyber-card{height:100%;border-radius:1.25rem;padding:1.5rem;background:linear-gradient(145deg,rgba(11,19,36,.96),rgba(8,13,26,.96));border:1px solid rgba(255,255,255,.08);transition:.2s ease;box-shadow:0 16px 42px rgba(0,0,0,.22)}
.cyber-card:hover{transform:translateY(-4px);border-color:rgba(5,169,255,.35)}
.icon-box{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(5,169,255,.22),rgba(255,38,56,.22));border:1px solid rgba(255,255,255,.1);font-size:1.4rem}
.timeline-item{border-left:2px solid rgba(5,169,255,.45);padding-left:1.25rem;position:relative}.timeline-item:before{content:"";position:absolute;left:-8px;top:.25rem;width:14px;height:14px;border-radius:50%;background:var(--cyber-red);box-shadow:0 0 16px var(--cyber-red)}
.page-header{padding:150px 0 70px;background:radial-gradient(circle at 25% 35%,rgba(5,169,255,.2),transparent 35%),radial-gradient(circle at 75% 30%,rgba(255,38,56,.18),transparent 35%),#050914;border-bottom:1px solid rgba(255,255,255,.08)}
footer{background:#03060d;border-top:1px solid rgba(255,255,255,.08);color:var(--cyber-muted)}
.form-control,.form-select{background:#0b1324;border:1px solid rgba(255,255,255,.1);color:white}.form-control:focus,.form-select:focus{background:#0b1324;color:white;border-color:var(--cyber-blue);box-shadow:0 0 0 .25rem rgba(5,169,255,.18)}
.table-dark{--bs-table-bg:#0b1324;--bs-table-border-color:rgba(255,255,255,.1)}
.resource-link{color:#eaf4ff;text-decoration:none}.resource-link:hover{color:var(--cyber-blue)}