body { font-family: 'Inter', sans-serif; background-color: #f7f9fc; color: #191c1e; }
        .hanken { font-family: 'Hanken Grotesk', sans-serif; }
        .fade-in { animation: fadeIn 0.35s ease-out forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
        .step-hidden { display: none; }

        .academy-registration-page section,
        .academy-registration-page form { scroll-margin-top: 7rem; }

        .academy-registration-page .dest-hero {
            min-height: clamp(34rem, 68vh, 48rem);
            display: flex;
            align-items: center;
        }

        .anb-input {
            width: 100%;
            border: none;
            border-bottom: 1.5px solid #CBD5E1;
            background: transparent;
            padding: 14px 0;
            font-size: 15px;
            color: #191c1e;
            transition: border-color 0.3s ease;
        }
        .anb-input:focus {
            outline: none;
            border-bottom-color: #0d7d96;
            box-shadow: none;
        }
        .anb-input::placeholder {
            color: #758598;
        }

        .course-card-selector {
            border: 2px solid #E2E8F0;
            border-radius: 1rem;
            transition: all 0.25s ease;
            cursor: pointer;
            position: relative;
            background-color: #ffffff;
        }
        .course-card-selector:hover {
            border-color: #0d7d96;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(13, 125, 150, 0.1);
        }
        .course-card-selector.active {
            border-color: #0d7d96;
            background-color: #f0f9fb;
            box-shadow: 0 12px 30px -5px rgba(13, 125, 150, 0.15);
        }

        .course-card-selector[aria-checked="true"] {
            border-color: #0d7d96 !important;
            background-color: #f0f9fb;
            box-shadow: 0 0 0 3px rgba(13, 125, 150, .14), 0 12px 30px -5px rgba(13, 125, 150, .15);
        }

        .mode-btn[aria-pressed="true"] {
            border-color: #0d7d96;
            background-color: #0d7d96;
            color: #fff;
        }
        .course-card-selector.active .check-indicator {
            opacity: 1;
            transform: scale(1);
        }
        .check-indicator {
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.2s ease;
        }

        .mode-btn {
            border: 2px solid #E2E8F0;
            border-radius: 0.85rem;
            padding: 16px 20px;
            font-weight: 600;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s ease;
            text-align: left;
            display: flex;
            align-items: center;
            gap: 12px;
            background: #ffffff;
            color: #334155;
            width: 100%;
        }
        .mode-btn:hover {
            border-color: #0d7d96;
            color: #0d7d96;
        }
        .mode-btn.active {
            border-color: #0d7d96;
            background-color: #0d7d96;
            color: #ffffff;
        }

.academy-registration-sidebar,
.academy-registration-panel,
.course-card-selector,
.mode-btn {
    border-color: #d8e4e8 !important;
    box-shadow: 0 10px 32px rgba(7, 24, 39, 0.035);
}

.academy-registration-sidebar,
.academy-registration-panel {
    border-radius: 22px !important;
}

.course-card-selector {
    min-height: 100%;
}

.course-card-selector h3,
.academy-registration-sidebar h3,
.academy-registration-panel h2 {
    line-height: 1.35;
}

.course-card-selector p,
.academy-registration-sidebar p,
.academy-registration-panel p {
    line-height: 1.65;
}

.anb-input:focus-visible,
.course-card-selector:focus-visible,
.mode-btn:focus-visible,
button:focus-visible,
main a[href]:focus-visible {
    outline: 3px solid rgba(13, 125, 150, 0.28);
    outline-offset: 3px;
}

.academy-registration-page input[aria-invalid="true"],
.academy-registration-page select[aria-invalid="true"] {
    border-bottom-color: #b42318;
    box-shadow: 0 1px 0 #b42318;
}

@media (max-width: 767px) {
    .academy-registration-page .dest-hero { min-height: 40rem; align-items: flex-end; }

    .academy-registration-sidebar {
        position: static;
    }

    .academy-registration-panel button,
    .academy-registration-panel a {
        white-space: normal;
    }

    .academy-registration-panel button { min-height: 3rem; }

    .academy-registration-sidebar,
    .academy-registration-panel { padding: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
    .fade-in {
        animation: none;
    }

    .course-card-selector,
    .mode-btn,
    .anb-input {
        transition: none !important;
    }

    .course-card-selector:hover {
        transform: none;
    }

    .mode-btn:hover { transform: none; }
}