@import url("styles.css");
.inner-header { background: rgba(6,16,31,.94); }
.inner-main { max-width: 1280px; margin: 0 auto; padding: 90px 30px 120px; }
.breadcrumbs { color: var(--cyan); font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; }
.page-hero { min-height: 430px; padding: 70px 0; display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: center; border-bottom: 1px solid var(--line); }
.page-hero h1 { font-size: clamp(48px,6vw,78px); }
.page-hero p, .content-block p, .legal-copy p, .legal-copy li { color: #adbad0; font-size: 15px; line-height: 1.85; }
.hero-stat { padding: 35px; border: 1px solid var(--line); background: linear-gradient(145deg,rgba(53,120,255,.14),transparent); }
.hero-stat strong { display: block; margin-bottom: 10px; color: var(--cyan); font-family: var(--display); font-size: 42px; }
.content-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; padding: 80px 0; }
.content-block { padding: 32px; border: 1px solid var(--line); }
.content-block span { color: var(--cyan); font-family: var(--display); font-size: 12px; }
.content-block h2 { margin: 35px 0 12px; font-size: 23px; }
.inner-cta { padding: 55px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: linear-gradient(145deg,#2667e8,#0e3c9a); }
.inner-cta h2 { max-width: 650px; margin: 0; font-size: clamp(32px,4vw,50px); }
.portal-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; padding: 70px 0; }
.portal-card { padding: 35px; border: 1px solid var(--line); background: var(--navy-2); }
.portal-card h2 { margin-top: 35px; font-size: 23px; }
.portal-card p { min-height: 70px; color: #adbad0; font-size: 14px; line-height: 1.7; }
.legal-copy { max-width: 850px; padding: 70px 0; }
.legal-copy h2 { margin: 45px 0 12px; font-size: 25px; }
.legal-copy a { color: var(--cyan); }
@media (max-width:900px) {
  .inner-header .nav { position: static; padding: 0; display: flex; background: transparent; border: 0; box-shadow: none; }
  .inner-header .nav a:not(.nav-cta) { display: none; }
  .inner-header .nav-cta { min-height: 44px; margin: 0; }
  .page-hero { grid-template-columns: 1fr; }
  .content-grid, .portal-grid { grid-template-columns: 1fr; }
  .inner-cta { align-items: flex-start; flex-direction: column; }
}
@media (max-width:600px) {
  .inner-main { padding: 55px 20px 80px; }
  .page-hero { padding: 35px 0 55px; }
  .page-hero h1 { font-size: 45px; }
  .content-grid { padding: 55px 0; }
  .inner-cta { padding: 32px 25px; }
}