/* ===== AUM VARIABLES ===== */
:root {
--aum-bg: #f5f6f8;
--aum-card-bg: #ffffff;
--aum-border: #e1e1e1;
--aum-primary: #7b0a0f;
--aum-primary-dark: #5c070b;
--aum-text-muted: #6b7280;
}


/* =========================
CENTER CONTAINER
========================= */
.alumni-page {
background-color: var(--aum-bg);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 20px;
}


/* Card */
.alumni-page .login-card {
background-color: var(--aum-card-bg);
width: 460px; /* match registration page */
padding: 35px;
border-radius: 12px;
border: 1px solid var(--aum-border);
box-shadow: 0 8px 30px rgba(0,0,0,.08);
}


/* Title & Intro */
.alumni-page .box-title {
font-size: 22px;
text-align: center;
color: var(--aum-primary);
margin-bottom: 10px;
}


.alumni-page .form-intro {
font-size: 14px;
text-align: center;
color: var(--aum-text-muted);
margin-bottom: 25px;
}


/* Form */
.alumni-page .form-group {
margin-bottom: 18px;
}


.alumni-page label {
font-size: 14px;
font-weight: 600;
margin-bottom: 6px;
display: block;
}


.required {
color: #dc3545;
}


/* Inputs */
.alumni-page .form-control {
width: 100%;
height: 42px;
padding: 8px 12px;
border-radius: 6px;
border: 1px solid var(--aum-border);
font-size: 14px;
}


.alumni-page .form-control:focus {
border-color: var(--aum-primary);
box-shadow: 0 0 0 2px rgba(123,10,15,.15);
outline: none;
}


/* Button */
.alumni-page .btn-activate {
width: 100%;
height: 44px;
background-color: var(--aum-primary);
color: #fff;
border: none;
}