.grad-text { background: linear-gradient(90deg, #123a7a 0%, #0ea5e9 55%, #38bdf8 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.grad-bg { background: linear-gradient(135deg, #0B1B3B 0%, #123a7a 45%, #0ea5e9 100%); }
.grad-ring { background: linear-gradient(135deg, #123a7a, #0ea5e9); }
.checklist-item { transition: transform .2s ease, box-shadow .2s ease; }
.checklist-item:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -12px rgba(11,27,59,0.25); }
.nav-tab { position: relative; padding-bottom: 2px; }
.nav-tab.active { color: #0B1B3B; font-weight: 700; }
.nav-tab.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -22px; height: 2px; background: linear-gradient(90deg, #123a7a, #0ea5e9); border-radius: 2px; }

html { scroll-behavior: smooth; }

::selection { background: #b6e0ff; color: #0B1B3B; }

a, button { -webkit-tap-highlight-color: transparent; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid #0ea5e9;
  outline-offset: 2px;
  border-radius: 4px;
}

.grad-bg, a.grad-bg, button.grad-bg { transition: transform .15s ease, opacity .15s ease, box-shadow .15s ease; }
.grad-bg:active { transform: scale(0.97); }

.lift-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.lift-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -16px rgba(11,27,59,0.18); }