:root {
    --portal-primary: #315a9f;
    --portal-bg: #f3f6fb;
}

body {
    background: radial-gradient(circle at top, #fff 0, var(--portal-bg) 62%, #e8eef8 100%);
    font-family:
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
}

.text-primary {
    color: var(--portal-primary) !important;
}
.portal-header {
    max-width: 860px;
}
.portal-icon {
    width: 76px;
    height: 76px;
}

.portal-card {
    background: rgba(255, 255, 255, 0.94);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.portal-card:hover,
.portal-card:focus-visible {
    transform: translateY(-6px);
    box-shadow: 0 1.25rem 3rem rgba(34, 54, 88, 0.16) !important;
}

.portal-card:focus-visible {
    outline: 3px solid rgba(49, 90, 159, 0.35);
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .portal-card {
        transition: none;
    }
}