:root {
    --primary-blue: #124a8a;
    --deep-blue: #0c2e57;
    --soft-blue: #f0f6fc;
    --text-muted: #56677a;
    --lp-focus: #0c2e57;
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

.skip-link {
    position: absolute;
    z-index: 1050;
    top: 0.5rem;
    left: 0.5rem;
    padding: 0.75rem 1rem;
    transform: translateY(-160%);
    border-radius: 0.4rem;
    background: #fff;
    color: #0c2e57;
    box-shadow: 0 0.25rem 1rem rgba(12, 46, 87, 0.2);
}

.skip-link:focus {
    transform: translateY(0);
}

.landing-page {
    min-height: 100vh;
    color: #1c2b3a;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.landing-page a,
.landing-page button {
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.landing-page :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--lp-focus);
    outline-offset: 3px;
    box-shadow: none;
}

.landing-page :where(h1, h2, h3, h4, h5, h6) {
    line-height: 1.3;
}

.landing-page .guide-navbar {
    background: #fff;
    box-shadow: 0 0.35rem 1.25rem rgba(12, 46, 87, 0.08);
}

.landing-page .guide-logo,
.landing-page .landing-logo {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    object-fit: contain;
}

.footer-navy {
    padding: 2rem 0;
    background: #0c2e57;
}

.footer-navy .text-muted {
    color: rgba(255, 255, 255, 0.72) !important;
}

.landing-page .brand-title {
    color: var(--deep-blue);
    font-size: 0.95rem;
    font-weight: 750;
    line-height: 1.2;
}

.landing-page .brand-subtitle {
    color: var(--text-muted);
    font-size: 0.75rem;
    line-height: 1.3;
}

.landing-page .guide-navbar .nav-link {
    color: #34465b;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.035em;
}

.landing-page .guide-navbar .nav-link:hover,
.landing-page .guide-navbar .nav-link:focus-visible {
    color: var(--primary-blue);
}

.landing-page .btn-primary {
    --bs-btn-bg: var(--primary-blue);
    --bs-btn-border-color: var(--primary-blue);
    --bs-btn-hover-bg: var(--deep-blue);
    --bs-btn-hover-border-color: var(--deep-blue);
    --bs-btn-active-bg: var(--deep-blue);
    --bs-btn-active-border-color: var(--deep-blue);
}

.landing-page .guide-header,
.landing-page .help-header {
    background-color: #fff;
}

.landing-page .guide-content,
.landing-page .help-content {
    padding-bottom: 4rem;
}

.landing-page .landing-footer,
.landing-page .guide-footer,
.landing-page .help-footer {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.landing-page .landing-footer p,
.landing-page .guide-footer p,
.landing-page .help-footer p {
    margin-bottom: 0.5rem;
}

.landing-page .landing-contact {
    display: grid;
    justify-content: center;
    gap: 0.5rem;
    color: #34465b;
    font-style: normal;
    text-align: left;
}

.landing-page .landing-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin: 0;
    line-height: 1.6;
}

.landing-page .landing-contact-item i {
    flex: 0 0 1.25rem;
    margin-top: 0.2em;
    color: var(--deep-blue);
    text-align: center;
}

.landing-page .landing-contact-item a {
    color: var(--primary-blue);
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.landing-page .landing-contact-item a:hover {
    color: var(--deep-blue);
}

@media (max-width: 575.98px) {
    .landing-page .guide-header,
    .landing-page .help-header {
        padding-top: 1.75rem;
        padding-bottom: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-page,
    .landing-page *,
    .landing-page *::before,
    .landing-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}