.parent-login-page {
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: radial-gradient(circle at 88% 10%, #e4f0ff 0, transparent 30%), linear-gradient(145deg, #f7f9fd, #eef3fb);
    color: #182338;
}

.parent-login-card {
    width: min(100%, 480px);
    padding: 34px;
    background: #fff;
    border: 1px solid #dce5f2;
    border-radius: 22px;
    box-shadow: 0 24px 70px rgba(27, 55, 99, .12);
}

.parent-login-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #172033;
    text-decoration: none;
}

.parent-login-brand > span:last-child { display: grid; gap: 3px; }
.parent-login-brand b { font-size: 16px; }
.parent-login-brand small { color: #667085; font-size: 12px; }

.parent-login-mark {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: #eaf2ff;
    color: #1768d1;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .5px;
}

.parent-login-intro { margin: 34px 0 24px; }
.parent-login-eyebrow { color: #1768d1; font-size: 11px; font-weight: 900; letter-spacing: 1.5px; }
.parent-login-intro h1 { margin: 9px 0 8px; color: #172033; font-size: 28px; line-height: 1.2; letter-spacing: -.5px; }
.parent-login-intro p,.parent-login-help { margin: 0; color: #667085; font-size: 14px; line-height: 1.6; }
.parent-login-form { display: grid; gap: 9px; }
.parent-login-form label { margin-top: 8px; color: #29364d; font-size: 13px; font-weight: 800; }
.parent-login-form input { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #ccd8e8; border-radius: 11px; background: #fbfcfe; color: #172033; font: inherit; }
.parent-login-form input:focus { outline: 3px solid rgba(23, 104, 209, .15); border-color: #1768d1; }
.parent-login-form button { display: flex; align-items: center; justify-content: space-between; min-height: 50px; margin-top: 14px; padding: 0 17px; border: 0; border-radius: 11px; background: #1768d1; color: #fff; font: inherit; font-weight: 850; cursor: pointer; }
.parent-login-form button:hover { background: #1055b1; }
.parent-login-notice,.parent-login-error { margin: 0 0 16px; padding: 12px 14px; border-radius: 10px; font-size: 13px; line-height: 1.5; }
.parent-login-notice { background: #fff7e6; border: 1px solid #f1ddb1; color: #775313; }
.parent-login-error { background: #fff0ed; border: 1px solid #f2c9c2; color: #a43e32; }
.parent-login-help { margin-top: 18px; font-size: 12px; }
.parent-login-back { display: inline-block; margin-top: 20px; color: #1768d1; font-size: 13px; font-weight: 800; text-decoration: none; }
.parent-login-card footer { margin-top: 24px; padding-top: 16px; border-top: 1px solid #e8edf5; color: #7a8799; font-size: 11px; line-height: 1.5; }
.login-parent-link { margin: 18px 0 0; text-align: center; font-size: 13px; }
.login-parent-link a { color: #1768d1; font-weight: 800; text-decoration: none; }
.login-parent-link a:hover,.parent-login-back:hover { text-decoration: underline; }

@media (max-width: 520px) {
    .parent-login-page { padding: 16px; }
    .parent-login-card { padding: 25px 21px; border-radius: 18px; }
    .parent-login-intro { margin: 27px 0 21px; }
    .parent-login-intro h1 { font-size: 25px; }
}