/* Tsa Department — Partnership page custom styles */
:root{
  --tsa-yellow:#f59e0b;
  --tsa-dark:#0b1220;
  --tsa-panel:#0f172a;
  --tsa-panel-plain:#111827;
  --tsa-accent:#E6EDF3;
}

/* Page hero */
.page-hero{padding-top:100px;padding-bottom:60px;background:var(--tsa-dark);color:#fff;text-align:center}
.page-hero h1{font-size:48px;font-weight:700;margin-bottom:8px}
.page-hero p{opacity:.85;color:var(--tsa-accent);max-width:900px;margin:0 auto}

/* Feature cards */
.partner-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.partner-features .card{background:var(--tsa-panel-plain);padding:32px;border-radius:12px;color:#fff;box-shadow:0 6px 20px rgba(2,6,23,0.5)}
.partner-features .card h3{font-size:20px;margin-bottom:8px}
.partner-features .card p{color:rgba(230,237,243,0.9)}

/* Tiers section */
.tiers-wrap{background:var(--tsa-dark);padding:44px 0}
.tiers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:1100px;margin:0 auto}
.tier{border-radius:12px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.tier.primary{background:var(--tsa-panel);box-shadow:0 12px 30px rgba(2,6,23,0.6)}
.tier.premium{background:transparent;border:2px solid var(--tsa-yellow)}
.tier h4{font-size:18px;margin-bottom:6px}
.tier .price{font-size:28px;font-weight:700;color:var(--tsa-yellow);margin-bottom:12px}
.tier ul{color:var(--tsa-accent);opacity:0.95}

.tier .btn{display:inline-block;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none}
.tier .btn.primary{background:var(--tsa-yellow);color:#0b1720}
.tier .btn.primary:hover{background:#e08b00}
.tier .btn.outline{background:transparent;border:2px solid var(--tsa-yellow);color:var(--tsa-yellow)}
.tier .btn.outline:hover{background:var(--tsa-yellow);color:#0b1720}

/* Make sure footer and other areas remain readable */
footer{background:var(--tsa-dark)}

/* Navigation active/current highlight */
.navigation a.current, .navigation a[aria-current="page"]{color:var(--tsa-yellow);font-weight:700}

/* Responsive */
@media (max-width: 900px){
  .partner-features{grid-template-columns:1fr;gap:18px}
  .tiers-grid{grid-template-columns:1fr;}
  .page-hero h1{font-size:32px}
}

/* Header CTA */
.btn-box a{background:var(--tsa-yellow);color:#0b1720;padding:10px 22px;border-radius:40px;font-weight:700}
.btn-box a:hover{background:#e08b00}

/* Accessiblity tweak: stronger focus outlines */
.navigation a:focus, .btn-box a:focus, .btn:focus{outline:3px solid rgba(245,158,11,0.25);outline-offset:3px}