/* Authentication page styles. */
html,
body
{
    min-height:100%;
}

.auth-school-page
{
    min-height:100vh;
    margin:0;
    background:linear-gradient(120deg, #d8e5f2 0%, #b8d0e3 27%, #b7ddd2 52%, #dcc89d 76%, #d8e5f2 100%);
    background-size:260% 260%;
    color:#101828;
    animation:authSchoolSoftGradient 20s ease-in-out infinite alternate;
}

.auth-school-page form
{
    min-height:100vh;
}

.auth-school-shell
{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    box-sizing:border-box;
    overflow:hidden;
}

.auth-school-card
{
    position:relative;
    width:100%;
    max-width:540px;
    background:#ffffff;
    border:1px solid #d7e2ee;
    border-radius:8px;
    box-shadow:0 18px 42px rgba(15,23,42,.18);
    overflow:hidden;
    animation:authSchoolEnter .46s ease-out both;
}

.auth-school-card::before
{
    content:"";
    display:block;
    height:5px;
    background:linear-gradient(90deg, #2563eb, #0f766e, #f59e0b, #2563eb);
    background-size:240% 100%;
    animation:authSchoolBar 4.8s linear infinite;
}

.auth-school-header
{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
    padding:18px 28px 14px;
    background:
        linear-gradient(135deg, rgba(239,246,255,.98), rgba(248,251,253,.98) 55%, rgba(236,253,245,.98)),
        repeating-linear-gradient(120deg, rgba(37,99,235,.07) 0 1px, transparent 1px 13px);
    border-bottom:1px solid #dbe4ef;
}

.auth-school-kicker
{
    display:inline-flex;
    min-height:24px;
    align-items:center;
    border-radius:999px;
    border:1px solid #bfdbfe;
    background:#eff6ff;
    color:#1d4ed8;
    padding:3px 10px;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.auth-school-logo-frame
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:82px;
    height:82px;
    border-radius:8px;
    border:1px solid #dbe4ef;
    background:#ffffff;
    box-shadow:0 7px 20px rgba(15,23,42,.08);
    animation:authLogoGlow 3.8s ease-in-out infinite;
}

.auth-school-logo
{
    width:68px;
    height:68px;
    max-width:100%;
    object-fit:contain;
}

.auth-school-header h1
{
    color:#101828;
    font-size:28px;
    line-height:1.1;
    font-weight:900;
    margin:3px 0 0;
}

.auth-school-header p
{
    max-width:390px;
    color:#53657c;
    font-size:14px;
    line-height:1.45;
    font-weight:700;
    margin:0;
}

.auth-school-route
{
    position:relative;
    height:42px;
    background:#ffffff;
    border-bottom:1px solid #e5e7eb;
    overflow:hidden;
}

.auth-route-line
{
    position:absolute;
    left:44px;
    right:44px;
    top:20px;
    height:4px;
    border-radius:999px;
    background:
        repeating-linear-gradient(90deg, #cbd5e1 0 12px, transparent 12px 20px),
        linear-gradient(90deg, #2563eb, #0f766e);
    opacity:.95;
}

.auth-route-stop
{
    position:absolute;
    top:13px;
    width:18px;
    height:18px;
    border:4px solid #ffffff;
    border-radius:50%;
    box-shadow:0 0 0 2px rgba(15,23,42,.12), 0 4px 10px rgba(15,23,42,.16);
}

.auth-route-start
{
    left:34px;
    background:#2563eb;
}

.auth-route-end
{
    right:34px;
    background:#0f766e;
}

.auth-route-bus
{
    position:absolute;
    top:6px;
    left:38px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    color:#92400e;
    background:#fef3c7;
    border:1px solid #fcd34d;
    box-shadow:0 8px 16px rgba(146,64,14,.18);
    animation:authBusMove 4.6s ease-in-out infinite;
}

.auth-school-body
{
    padding:18px 28px 20px;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.auth-school-field
{
    margin-bottom:16px;
}

.auth-school-field label
{
    display:block;
    color:#344054;
    font-size:13px;
    font-weight:900;
    margin-bottom:7px;
}

.auth-school-input-row
{
    display:flex;
    align-items:stretch;
    min-height:48px;
    border:1px solid #b8c6ff;
    border-radius:8px;
    background:#ffffff;
    overflow:hidden;
    transition:border-color .18s ease, box-shadow .18s ease;
}

.auth-school-input-row:focus-within
{
    border-color:#2563eb;
    box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

.auth-school-input-icon
{
    width:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1d4ed8;
    background:#eef4ff;
    border-right:1px solid #dbe4ef;
    font-size:17px;
}

.auth-school-input
{
    min-width:0;
    flex:1 1 auto;
    border:0;
    color:#101828;
    background:#ffffff;
    font-size:15px;
    font-weight:700;
    padding:0 14px;
    outline:0;
    box-shadow:none;
}

.auth-school-input:focus
{
    outline:0;
    box-shadow:none;
}

.auth-school-input::placeholder
{
    color:#7a8699;
    font-weight:600;
}

.auth-school-action
{
    min-width:112px;
    border:0;
    background:linear-gradient(135deg, #2563eb, #1d4ed8);
    color:#ffffff;
    font-size:14px;
    font-weight:900;
    padding:0 15px;
    cursor:pointer;
}

.auth-school-action:hover,
.auth-school-action:focus
{
    background:#1d4ed8;
    color:#ffffff;
}

.auth-school-action:disabled,
.auth-school-submit:disabled
{
    cursor:not-allowed;
    opacity:.68;
}

.auth-school-action-success
{
    background:linear-gradient(135deg, #0f766e, #059669);
}

.auth-school-action-success:hover,
.auth-school-action-success:focus
{
    background:#0d665f;
}

.auth-school-otp-panel
{
    padding:14px;
    border:1px solid #bbf7d0;
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(240,253,244,.98), rgba(239,246,255,.98));
}

.auth-school-status
{
    min-height:27px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-align:center;
    margin:2px 0 14px;
}

.auth-timer
{
    color:#b91c1c;
    font-size:13px;
    font-weight:900;
}

.auth-status-message:empty
{
    display:none;
}

.auth-status-message.is-success,
.auth-status-message.is-error
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    border-radius:999px;
    padding:4px 11px;
    font-size:13px;
    font-weight:900;
}

.auth-status-message.is-success
{
    color:#166534;
    background:#ecfdf5;
    border:1px solid #86efac;
}

.auth-status-message.is-error
{
    color:#991b1b;
    background:#fef2f2;
    border:1px solid #fecaca;
}

.auth-school-submit
{
    width:100%;
    min-height:46px;
    border:0;
    border-radius:8px;
    background:linear-gradient(135deg, #0f766e, #059669);
    color:#ffffff;
    font-size:15px;
    font-weight:900;
    box-shadow:0 9px 18px rgba(15,118,110,.18);
}

.auth-school-submit:hover,
.auth-school-submit:focus
{
    background:#0d665f;
    color:#ffffff;
}

.auth-school-links
{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #e5e7eb;
}

.auth-school-links a
{
    display:flex;
    min-height:36px;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid #dbe4ef;
    border-radius:8px;
    color:#1d4ed8;
    background:#ffffff;
    font-size:13px;
    font-weight:900;
    text-align:center;
    text-decoration:none;
    padding:8px 9px;
    transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.auth-school-links a:hover,
.auth-school-links a:focus
{
    color:#0f766e;
    border-color:#99f6e4;
    background:#f0fdfa;
    box-shadow:0 8px 18px rgba(15,118,110,.12);
    transform:translateY(-1px);
    text-decoration:none;
}

@keyframes authSchoolSoftGradient
{
    from
    {
        background-position:0% 50%;
    }

    to
    {
        background-position:100% 50%;
    }
}

@keyframes authSchoolEnter
{
    from
    {
        opacity:0;
        transform:translateY(14px) scale(.985);
    }

    to
    {
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes authSchoolBar
{
    from
    {
        background-position:0% 50%;
    }

    to
    {
        background-position:240% 50%;
    }
}

@keyframes authLogoGlow
{
    0%,
    100%
    {
        box-shadow:0 7px 20px rgba(15,23,42,.08);
        transform:translateY(0);
    }

    50%
    {
        box-shadow:0 12px 26px rgba(37,99,235,.18);
        transform:translateY(-2px);
    }
}

@keyframes authBusMove
{
    0%,
    100%
    {
        left:38px;
    }

    50%
    {
        left:calc(100% - 68px);
    }
}

@media (prefers-reduced-motion: reduce)
{
    .auth-school-page,
    .auth-school-card,
    .auth-school-card::before,
    .auth-school-logo-frame,
    .auth-route-bus
    {
        animation:none;
    }

    .auth-school-links a
    {
        transition:none;
    }
}

.auth-admin-page
{
    min-height:100vh;
    margin:0;
    background:#eef3f7;
}

.auth-admin-page form
{
    min-height:100vh;
}

.auth-admin-shell
{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
}

.auth-admin-card
{
    position:relative;
    width:100%;
    max-width:620px;
    background:#ffffff;
    border:1px solid #d7e2ee;
    border-radius:8px;
    box-shadow:0 14px 34px rgba(15,23,42,.13);
    overflow:hidden;
    padding:0;
}

.auth-admin-card::before
{
    content:"";
    display:block;
    height:5px;
    background:#0f766e;
}

.auth-admin-header
{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:9px;
    margin-bottom:0;
    padding:18px 24px 15px;
    border-bottom:1px solid #dbe4ef;
    background:#f8fbfd;
}

.auth-logo-frame
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:84px;
    height:84px;
    border-radius:8px;
    background:#ffffff;
    border:1px solid #dbe4ef;
    box-shadow:0 6px 18px rgba(15,23,42,.08);
}

.auth-admin-header span
{
    display:inline-flex;
    min-height:24px;
    align-items:center;
    border-radius:999px;
    background:#ecfdf5;
    color:#166534;
    border:1px solid #bbf7d0;
    padding:3px 10px;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.auth-admin-header h1,
.auth-admin-header h3
{
    color:#101828;
    font-size:24px;
    line-height:1.15;
    font-weight:900;
    margin:4px 0 2px;
}

.auth-admin-header p
{
    color:#64748b;
    font-size:13px;
    font-weight:700;
    margin:0;
}

.auth-logo-login
{
    width:30%;
}

.auth-logo-registration
{
    width:20%;
}

.auth-logo-admin
{
    width:68px;
    height:68px;
    max-width:100%;
    object-fit:contain;
    flex:0 0 auto;
}

.auth-control-grid
{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    align-items:stretch;
    margin:14px 24px 10px;
}

.auth-control-panel,
.auth-credential-card
{
    border:1px solid #d9e4f0;
    border-radius:8px;
    background:#ffffff;
    padding:11px 12px;
    box-shadow:0 4px 12px rgba(15,23,42,.04);
}

.auth-control-panel
{
    border-top:3px solid #2563eb;
}

.auth-credential-card
{
    border-top:3px solid #0f766e;
}

.auth-control-label
{
    display:block;
    color:#344054;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:5px;
}

.auth-field
{
    margin-bottom:10px;
}

.auth-field:last-child
{
    margin-bottom:0;
}

.auth-field .input-group-text
{
    width:42px;
    justify-content:center;
    color:#475467;
    background:#ffffff;
    border-color:#cfd8e3;
}

.auth-field .form-control
{
    min-height:41px;
    border-color:#cfd8e3;
    color:#101828;
    font-size:14px;
    font-weight:700;
    background:#ffffff;
}

.auth-field .form-control:focus
{
    border-color:#2563eb;
    box-shadow:0 0 0 3px rgba(37,99,235,.14);
}

.auth-credential-head
{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
    color:#334155;
    font-size:13px;
    line-height:1.2;
}

.auth-credential-head span
{
    color:#64748b;
    text-align:right;
}

.auth-credential-grid
{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.auth-credential-button
{
    width:100%;
    min-height:48px;
    display:block;
    border:1px solid #bfdbfe;
    border-radius:8px;
    background:#f0f7ff;
    color:#1e3a8a;
    padding:9px 11px;
    text-align:left;
    cursor:pointer;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
    transition:background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.auth-credential-button:hover
{
    background:#dbeafe;
    border-color:#93c5fd;
    color:#1e3a8a;
    text-decoration:none;
    transform:translateY(-1px);
}

.auth-credential-button.is-disabled
{
    background:#f8fafc;
    border-color:#cbd5e1;
    color:#64748b;
    cursor:default;
}

.auth-credential-button.is-disabled:hover
{
    background:#f8fafc;
    border-color:#cbd5e1;
}

.auth-credential-label
{
    display:block;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    color:#64748b;
    margin-bottom:2px;
}

.auth-credential-value
{
    display:block;
    font-size:14px;
    line-height:1.25;
    font-weight:900;
    color:#111827;
    word-break:break-word;
}

.auth-form-grid
{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin:0 24px;
}

.auth-validation-summary
{
    color:#991b1b;
    background:#fef2f2;
    border:1px solid #fecaca;
    border-radius:8px;
    padding:9px 12px;
    margin:0 24px 10px;
    font-size:13px;
    font-weight:800;
}

.auth-validation-summary ul
{
    margin:0;
    padding-left:18px;
}

.auth-field-error
{
    display:block;
    color:#991b1b;
    font-size:12px;
    font-weight:800;
    margin-top:-4px;
    margin-bottom:8px;
}

.auth-row-between
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:1px 24px 10px;
    padding-top:2px;
}

.auth-options-row
{
    color:#344054;
    font-size:13px;
    font-weight:700;
}

.auth-school-link
{
    color:#1d4ed8;
    font-size:13px;
    font-weight:900;
    padding:4px 0;
}

.auth-status-line
{
    min-height:22px;
    text-align:center;
    margin:0 24px 9px;
}

.auth-status-message
{
    font-weight:800;
}

.auth-login-button
{
    display:block;
    min-height:44px;
    font-size:15px;
    font-weight:900;
    width:calc(100% - 48px);
    margin:0 24px 20px;
    border-radius:8px;
    background:#155eef;
    border-color:#155eef;
    box-shadow:0 8px 18px rgba(21,94,239,.22);
}

.auth-login-button:hover
{
    background:#124ecc;
    border-color:#124ecc;
}

.auth-switch-link
{
    padding-top:12px;
}

.auth-helper-text
{
    color:#6b7280;
    font-size:13px;
    line-height:1.5;
}

.auth-mode-card
{
    border:1px solid #e5e7eb;
    border-radius:8px;
    padding:14px;
    background:#f8fafc;
}

.auth-demo-otp
{
    border:1px dashed #2563eb;
    border-radius:8px;
    padding:10px 12px;
    background:#eff6ff;
    color:#1e3a8a;
    font-weight:700;
}

@media (max-width: 767.98px)
{
    .auth-school-shell
    {
        align-items:flex-start;
        padding:14px;
    }

    .auth-school-header
    {
        padding:18px 18px 15px;
    }

    .auth-school-logo-frame
    {
        width:78px;
        height:78px;
    }

    .auth-school-logo
    {
        width:64px;
        height:64px;
    }

    .auth-school-header h1
    {
        font-size:24px;
    }

    .auth-school-body
    {
        padding:18px;
    }

    .auth-school-links
    {
        grid-template-columns:1fr;
    }

    .auth-admin-shell
    {
        align-items:flex-start;
        padding:14px;
    }

    .auth-admin-card
    {
        box-shadow:0 8px 22px rgba(15,23,42,.10);
    }

    .auth-admin-header
    {
        align-items:center;
    }

    .auth-logo-frame
    {
        width:78px;
        height:78px;
    }

    .auth-logo-admin
    {
        width:62px;
        height:62px;
    }

    .auth-admin-header h1,
    .auth-admin-header h3
    {
        font-size:21px;
    }

    .auth-control-grid,
    .auth-form-grid
    {
        grid-template-columns:1fr;
    }
}

@media (max-width: 575.98px)
{
    .auth-school-page form,
    .auth-school-shell
    {
        min-height:100svh;
    }

    .auth-school-shell
    {
        padding:10px;
    }

    .auth-school-card
    {
        border-radius:8px;
    }

    .auth-school-header
    {
        gap:8px;
        padding:15px 14px 13px;
    }

    .auth-school-kicker
    {
        font-size:10px;
    }

    .auth-school-header h1
    {
        font-size:22px;
    }

    .auth-school-header p
    {
        font-size:12px;
    }

    .auth-school-body
    {
        padding:14px;
    }

    .auth-school-input-icon
    {
        width:42px;
        flex-basis:42px;
    }

    .auth-school-action
    {
        min-width:92px;
        padding:0 10px;
        font-size:13px;
    }

    .auth-admin-page form,
    .auth-admin-shell
    {
        min-height:100svh;
    }

    .auth-admin-shell
    {
        padding:10px;
    }

    .auth-admin-card
    {
        border-radius:8px;
    }

    .auth-admin-header
    {
        gap:10px;
        padding:14px;
    }

    .auth-logo-frame
    {
        width:64px;
        height:64px;
    }

    .auth-logo-admin
    {
        width:50px;
        height:50px;
    }

    .auth-admin-header span
    {
        font-size:10px;
    }

    .auth-admin-header h1,
    .auth-admin-header h3
    {
        font-size:19px;
    }

    .auth-admin-header p
    {
        font-size:12px;
    }

    .auth-control-panel,
    .auth-credential-card
    {
        padding:10px;
    }

    .auth-control-grid
    {
        margin:14px 14px 10px;
    }

    .auth-form-grid
    {
        margin:0 14px;
    }

    .auth-validation-summary
    {
        margin:0 14px 10px;
    }

    .auth-credential-grid
    {
        grid-template-columns:1fr;
    }

    .auth-row-between
    {
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
        margin:2px 14px 10px;
    }

    .auth-status-line
    {
        margin:0 14px 10px;
    }

    .auth-login-button
    {
        width:calc(100% - 28px);
        margin:0 14px 14px;
    }
}

/* Public school login and registration */
.public-auth-page,
.public-auth-page *
{
    box-sizing:border-box;
}

.public-auth-page
{
    min-height:100vh;
    margin:0;
    color:#17243a;
    background:#eef3f6;
    font-family:"Segoe UI", Arial, sans-serif;
}

.public-auth-page form
{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.public-auth-header
{
    position:relative;
    z-index:10;
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:8px max(24px, calc((100vw - 1240px) / 2));
    color:#153b61;
    background:#ffffff;
    border-bottom:1px solid #d7e1e8;
    box-shadow:0 4px 16px rgba(22,50,75,.08);
}

.public-auth-header::after
{
    content:"";
    position:absolute;
    right:0;
    bottom:-1px;
    left:0;
    height:3px;
    background:linear-gradient(90deg, #ef9d21 0 16%, #ffffff 16% 20%, #16845f 20% 55%, #2678b8 55% 100%);
}

.public-auth-brand
{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
    color:#153b61;
    text-decoration:none;
}

.public-auth-brand:hover,
.public-auth-brand:focus
{
    color:#153b61;
    text-decoration:none;
}

.public-auth-brand img
{
    width:52px;
    height:52px;
    flex:0 0 52px;
    object-fit:contain;
}

.public-auth-brand span
{
    display:flex;
    min-width:0;
    flex-direction:column;
    line-height:1.2;
}

.public-auth-brand strong
{
    font-size:20px;
    font-weight:800;
}

.public-auth-brand small
{
    margin-top:3px;
    color:#607287;
    font-size:12px;
    font-weight:500;
}

.public-auth-nav
{
    display:flex;
    align-items:center;
    gap:8px;
}

.public-auth-nav a
{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:8px 13px;
    border:1px solid transparent;
    border-radius:6px;
    color:#35536f;
    background:#ffffff;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    transition:background .18s ease, border-color .18s ease, color .18s ease;
}

.public-auth-nav a:hover,
.public-auth-nav a:focus
{
    border-color:#bdd3e3;
    color:#174f7c;
    background:#f2f7fa;
    text-decoration:none;
}

.public-auth-nav a.is-primary
{
    color:#ffffff;
    background:#176f58;
    border-color:#176f58;
}

.public-auth-nav a.is-primary:hover,
.public-auth-nav a.is-primary:focus
{
    color:#ffffff;
    background:#105b48;
    border-color:#105b48;
}

.public-auth-main
{
    flex:1 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px 22px;
    background:
        linear-gradient(135deg, rgba(237,245,249,.96), rgba(245,248,245,.94)),
        repeating-linear-gradient(45deg, transparent 0 16px, rgba(23,79,124,.035) 16px 17px);
}

.public-auth-main-registration
{
    align-items:flex-start;
    padding-top:24px;
    padding-bottom:24px;
}

.public-auth-layout
{
    min-width:0;
    width:100%;
    display:grid;
    overflow:hidden;
    border:1px solid #cfdae3;
    border-radius:8px;
    background:#ffffff;
    box-shadow:0 18px 42px rgba(21,59,97,.13);
}

.public-auth-layout-login
{
    max-width:1060px;
    grid-template-columns:minmax(360px, .9fr) minmax(430px, 1.1fr);
}

.public-auth-layout-registration
{
    max-width:1240px;
    grid-template-columns:360px minmax(0, 1fr);
}

.public-auth-context
{
    position:relative;
    min-height:570px;
    overflow:hidden;
    padding:42px 38px 190px;
    color:#ffffff;
    background:
        linear-gradient(145deg, rgba(15,66,105,.98), rgba(23,112,88,.94)),
        #174f7c;
}

.public-auth-layout-login .public-auth-context
{
    display:grid;
    grid-template-rows:auto minmax(205px, 1fr);
    padding-bottom:0;
}

.public-auth-context::before
{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:.2;
    background:repeating-linear-gradient(135deg, transparent 0 34px, rgba(255,255,255,.16) 34px 35px);
}

.public-auth-context-copy
{
    position:relative;
    z-index:2;
}

.public-auth-eyebrow
{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:5px 9px;
    border:1px solid rgba(255,255,255,.36);
    border-radius:4px;
    color:#fff4d6;
    background:rgba(7,40,65,.28);
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
}

.public-auth-context h1
{
    max-width:460px;
    margin:18px 0 12px;
    color:#ffffff;
    font-size:34px;
    line-height:1.18;
    font-weight:750;
}

.public-auth-context-copy > p
{
    max-width:500px;
    margin:0;
    color:#e1edf2;
    font-size:15px;
    line-height:1.6;
    font-weight:400;
}

.public-auth-points
{
    display:grid;
    gap:13px;
    margin:25px 0 0;
    padding:0;
    list-style:none;
}

.public-auth-points li
{
    display:grid;
    grid-template-columns:40px 1fr;
    align-items:center;
    gap:12px;
}

.public-auth-points li > i
{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.3);
    border-radius:6px;
    color:#ffe6ad;
    background:rgba(255,255,255,.09);
    font-size:18px;
}

.public-auth-points span
{
    color:#d6e6ed;
    font-size:12px;
    line-height:1.35;
}

.public-auth-points strong
{
    display:block;
    margin-bottom:2px;
    color:#ffffff;
    font-size:14px;
    font-weight:700;
}

.public-auth-vehicle-stage
{
    position:relative;
    z-index:1;
    min-height:205px;
    margin:18px -38px 0;
    overflow:hidden;
}

.public-auth-bus
{
    position:absolute;
    z-index:2;
    right:-8px;
    bottom:24px;
    width:min(88%, 410px);
    height:180px;
    object-fit:contain;
    object-position:right bottom;
    filter:drop-shadow(0 15px 13px rgba(4,26,40,.34));
    animation:publicAuthBus 5s ease-in-out infinite;
}

.public-auth-road
{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:space-around;
    background:#173047;
    transform:skewY(-1deg);
    transform-origin:right bottom;
}

.public-auth-road span
{
    width:54px;
    height:4px;
    border-radius:2px;
    background:#f4c95d;
}

.public-auth-registration-context
{
    min-height:672px;
    padding:34px 30px 180px;
}

.public-auth-registration-context h1
{
    font-size:30px;
}

.public-auth-process
{
    display:grid;
    gap:8px;
    margin-top:22px;
}

.public-auth-process > div
{
    display:grid;
    grid-template-columns:30px 1fr;
    gap:10px;
    align-items:center;
    padding:9px 10px;
    border-left:3px solid #f3b23c;
    background:rgba(255,255,255,.09);
}

.public-auth-process > div > span
{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#174f7c;
    background:#ffffff;
    font-size:12px;
    font-weight:800;
}

.public-auth-process p
{
    margin:0;
    color:#dbe9ee;
    font-size:12px;
    line-height:1.35;
}

.public-auth-process strong
{
    display:block;
    color:#ffffff;
    font-size:13px;
}

.public-auth-ready-note
{
    display:flex;
    gap:8px;
    align-items:flex-start;
    margin-top:16px;
    padding:10px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    color:#e4f0f3;
    background:rgba(8,48,70,.27);
    font-size:12px;
    line-height:1.45;
}

.public-auth-ready-note i
{
    margin-top:2px;
    color:#ffd276;
}

.public-auth-form-panel
{
    align-self:center;
    min-width:0;
    width:100%;
    max-width:570px;
    padding:34px 40px 30px;
    background:#ffffff;
}

.public-auth-registration-panel
{
    align-self:stretch;
    max-width:none;
    padding:26px 34px 22px;
}

.public-auth-form-heading
{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
    padding-bottom:15px;
    border-bottom:1px solid #dfe7ed;
}

.public-auth-step-icon
{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    color:#ffffff;
    background:linear-gradient(135deg, #2678b8, #176f58);
    font-size:19px;
}

.public-auth-form-heading p
{
    margin:0 0 2px;
    color:#65778a;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
}

.public-auth-form-heading h2
{
    margin:0;
    color:#17243a;
    font-size:24px;
    line-height:1.2;
    font-weight:750;
}

.public-auth-required-note
{
    margin-left:auto;
    color:#66788b;
    font-size:11px;
}

.public-auth-required-note b,
.public-auth-field label > span
{
    color:#c62828;
}

.public-auth-field label > .public-auth-label-text
{
    color:inherit;
}

.public-auth-form-grid
{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px 16px;
}

.public-auth-field
{
    min-width:0;
    margin-bottom:17px;
}

.public-auth-form-grid .public-auth-field
{
    margin-bottom:0;
}

.public-auth-field.is-full
{
    grid-column:1 / -1;
}

.public-auth-field label
{
    display:block;
    margin:0 0 6px;
    color:#30465d;
    font-size:13px;
    line-height:1.35;
    font-weight:700;
}

.public-auth-field-note
{
    margin:-1px 0 8px;
    color:#718095;
    font-size:12px;
    line-height:1.4;
}

.public-auth-input-wrap,
.public-auth-input-action
{
    width:100%;
    max-width:100%;
    min-height:46px;
    display:flex;
    align-items:stretch;
    overflow:hidden;
    border:1px solid #b9c9d5;
    border-radius:6px;
    background:#ffffff;
    transition:border-color .18s ease, box-shadow .18s ease;
}

.public-auth-input-wrap:focus-within,
.public-auth-input-action:focus-within
{
    border-color:#2678b8;
    box-shadow:0 0 0 3px rgba(38,120,184,.12);
}

.public-auth-input-wrap > i,
.public-auth-input-icon
{
    width:44px;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2678b8;
    background:#f0f6fa;
    border-right:1px solid #d7e1e8;
    font-size:16px;
}

.public-auth-input-wrap.is-textarea > i
{
    align-items:flex-start;
    padding-top:14px;
}

.public-auth-input
{
    min-width:0;
    width:100%;
    flex:1 1 auto;
    border:0;
    border-radius:0;
    outline:0;
    color:#17243a;
    background:#ffffff;
    box-shadow:none;
    font-size:14px;
    font-weight:500;
    padding:10px 12px;
}

.public-auth-input-action .public-auth-input
{
    width:0;
}

.public-auth-input-action .public-auth-input
{
    width:auto;
}

select.public-auth-input
{
    cursor:pointer;
    appearance:auto;
}

textarea.public-auth-input
{
    min-height:64px;
    resize:vertical;
}

.public-auth-input:focus
{
    outline:0;
    box-shadow:none;
}

.public-auth-input::placeholder
{
    color:#8492a3;
    font-weight:400;
}

.public-auth-input[readonly],
.public-auth-input:disabled
{
    color:#5d6d7d;
    background:#f3f6f8;
}

.public-auth-action
{
    min-width:106px;
    flex:0 0 auto;
    border:0;
    border-left:1px solid #176395;
    color:#ffffff;
    background:#2678b8;
    font-size:13px;
    font-weight:750;
    padding:0 13px;
    cursor:pointer;
    transition:background .18s ease;
}

.public-auth-action:hover,
.public-auth-action:focus
{
    color:#ffffff;
    background:#185f95;
}

.public-auth-action.is-success
{
    border-left-color:#105b48;
    background:#176f58;
}

.public-auth-action.is-success:hover,
.public-auth-action.is-success:focus
{
    background:#105b48;
}

.public-auth-action:disabled,
.public-auth-submit:disabled
{
    cursor:not-allowed;
    opacity:.62;
}

.public-auth-otp-panel
{
    padding:14px;
    border:1px solid #a8ddca;
    border-radius:7px;
    background:#f1faf6;
}

.public-auth-otp-heading
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}

.public-auth-otp-heading span
{
    color:#155b48;
    font-size:13px;
    font-weight:750;
}

.public-auth-otp-heading small
{
    color:#657b72;
    font-size:11px;
}

.public-auth-otp-footer
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:12px;
    padding-top:11px;
    border-top:1px solid #cfe5dc;
}

.public-auth-otp-timers
{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.public-auth-otp-timers .auth-timer
{
    color:#176f58;
    font-size:12px;
    font-weight:750;
}

.public-auth-otp-timers .auth-validity-timer.is-expired
{
    color:#b42318;
}

.auth-resend-timer
{
    color:#687b72;
    font-size:10px;
    line-height:1.35;
}

.public-auth-otp-actions
{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:7px;
}

.public-auth-text-action
{
    min-height:34px;
    border:1px solid #aebfca;
    border-radius:5px;
    color:#35536f;
    background:#ffffff;
    font-size:11px;
    font-weight:700;
    padding:6px 10px;
    cursor:pointer;
}

.public-auth-text-action:hover,
.public-auth-text-action:focus
{
    border-color:#2678b8;
    color:#174f7c;
    background:#f2f7fa;
}

.public-auth-text-action.is-resend
{
    border-color:#176f58;
    color:#ffffff;
    background:#176f58;
}

.public-auth-text-action.is-resend:hover,
.public-auth-text-action.is-resend:focus
{
    color:#ffffff;
    background:#105b48;
}

.public-auth-text-action:disabled
{
    border-color:#cbd5dc;
    color:#7c8995;
    background:#e8edef;
    cursor:not-allowed;
    opacity:.82;
}

.public-auth-status
{
    min-height:24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin:11px 0;
    text-align:center;
}

.public-auth-submit
{
    width:100%;
    min-height:46px;
    border:0;
    border-radius:6px;
    color:#ffffff;
    background:linear-gradient(100deg, #176f58, #167f65 48%, #2678b8);
    box-shadow:0 8px 18px rgba(23,111,88,.18);
    font-size:14px;
    font-weight:750;
    cursor:pointer;
    transition:filter .18s ease, transform .18s ease;
}

.public-auth-submit:hover,
.public-auth-submit:focus
{
    color:#ffffff;
    filter:brightness(.94);
    transform:translateY(-1px);
}

.public-auth-help-row
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:15px;
    color:#68798b;
    font-size:12px;
}

.public-auth-help-row a
{
    color:#176395;
    font-weight:700;
    text-decoration:none;
}

.public-auth-help-row a:hover,
.public-auth-help-row a:focus
{
    color:#105b48;
    text-decoration:underline;
}

.public-auth-validation
{
    margin:0 0 14px;
    padding:10px 12px;
    border:1px solid #f1b8b8;
    border-radius:6px;
    color:#9c1c1c;
    background:#fff5f5;
    font-size:12px;
    line-height:1.45;
}

.public-auth-validation ul
{
    margin:5px 0 0;
    padding-left:18px;
}

.public-auth-page .auth-field-error
{
    display:block;
    margin-top:4px;
    color:#b42318;
    font-size:11px;
    font-weight:600;
}

.public-auth-footer
{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:10px max(24px, calc((100vw - 1240px) / 2));
    color:#dcebf1;
    background:linear-gradient(100deg, #143f63, #176f58);
    font-size:11px;
    line-height:1.4;
}

@keyframes publicAuthBus
{
    0%, 100% { transform:translateX(0); }
    50% { transform:translateX(-9px); }
}

@media (max-width: 980px)
{
    .public-auth-layout-login,
    .public-auth-layout-registration
    {
        max-width:720px;
        grid-template-columns:1fr;
    }

    .public-auth-main
    {
        align-items:flex-start;
    }

    .public-auth-context
    {
        min-height:195px;
        display:block;
        padding:24px 230px 24px 26px;
    }

    .public-auth-layout-login .public-auth-context
    {
        display:block;
    }

    .public-auth-vehicle-stage
    {
        position:absolute;
        z-index:1;
        top:0;
        right:0;
        bottom:0;
        left:0;
        min-height:0;
        margin:0;
        pointer-events:none;
    }

    .public-auth-context h1,
    .public-auth-registration-context h1
    {
        margin:10px 0 8px;
        font-size:25px;
    }

    .public-auth-context-copy > p
    {
        font-size:13px;
        line-height:1.45;
    }

    .public-auth-points,
    .public-auth-process,
    .public-auth-ready-note
    {
        display:none;
    }

    .public-auth-bus
    {
        right:5px;
        bottom:16px;
        width:235px;
        height:145px;
    }

    .public-auth-road
    {
        height:28px;
    }

    .public-auth-form-panel,
    .public-auth-registration-panel
    {
        max-width:none;
        padding:25px 28px 23px;
    }
}

@media (max-width: 640px)
{
    .public-auth-header
    {
        min-height:62px;
        gap:10px;
        padding:6px 12px;
    }

    .public-auth-brand
    {
        flex:1 1 auto;
        gap:8px;
    }

    .public-auth-brand span
    {
        width:150px;
    }

    .public-auth-brand img
    {
        width:44px;
        height:44px;
        flex-basis:44px;
    }

    .public-auth-brand strong
    {
        font-size:16px;
    }

    .public-auth-brand small
    {
        max-width:170px;
        overflow:hidden;
        font-size:9px;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .public-auth-nav a
    {
        width:38px;
        min-height:38px;
        padding:7px;
        font-size:0;
    }

    .public-auth-page .public-auth-nav
    {
        position:static;
        display:flex !important;
        flex:0 0 auto;
    }

    .public-auth-nav a i
    {
        font-size:16px;
    }

    .public-auth-main,
    .public-auth-main-registration
    {
        padding:12px 9px;
    }

    .public-auth-layout
    {
        box-shadow:0 8px 24px rgba(21,59,97,.11);
    }

    .public-auth-context
    {
        min-height:118px;
        padding:17px 125px 16px 17px;
    }

    .public-auth-layout-login .public-auth-context
    {
        min-height:128px;
    }

    .public-auth-eyebrow
    {
        min-height:22px;
        font-size:9px;
        padding:3px 6px;
    }

    .public-auth-context h1,
    .public-auth-registration-context h1
    {
        margin:8px 0 0;
        font-size:20px;
        line-height:1.18;
    }

    .public-auth-context-copy > p
    {
        display:none;
    }

    .public-auth-bus
    {
        right:-8px;
        bottom:8px;
        width:136px;
        height:86px;
    }

    .public-auth-road
    {
        height:17px;
    }

    .public-auth-road span
    {
        width:25px;
        height:2px;
    }

    .public-auth-form-panel,
    .public-auth-registration-panel
    {
        padding:19px 15px 17px;
    }

    .public-auth-form-heading
    {
        gap:9px;
        margin-bottom:16px;
        padding-bottom:12px;
    }

    .public-auth-step-icon
    {
        width:38px;
        height:38px;
        flex-basis:38px;
        font-size:16px;
    }

    .public-auth-form-heading h2
    {
        font-size:20px;
    }

    .public-auth-required-note
    {
        display:none;
    }

    .public-auth-form-grid
    {
        grid-template-columns:1fr;
        gap:12px;
    }

    .public-auth-field.is-full
    {
        grid-column:auto;
    }

    .public-auth-input-action
    {
        min-height:44px;
    }

    .public-auth-input-wrap > i,
    .public-auth-input-icon
    {
        width:40px;
        flex-basis:40px;
    }

    .public-auth-input
    {
        font-size:13px;
        padding:9px 10px;
    }

    .public-auth-action
    {
        min-width:88px;
        font-size:12px;
        padding:0 9px;
    }

    .public-auth-otp-heading
    {
        align-items:flex-start;
        flex-direction:column;
        gap:2px;
    }

    .public-auth-otp-footer
    {
        align-items:stretch;
        flex-direction:column;
        gap:9px;
    }

    .public-auth-otp-actions
    {
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .public-auth-text-action
    {
        width:100%;
    }

    .public-auth-help-row
    {
        flex-wrap:wrap;
        text-align:center;
    }

    .public-auth-footer
    {
        align-items:center;
        flex-direction:column;
        gap:3px;
        padding:9px 12px;
        text-align:center;
    }
}

@media (prefers-reduced-motion: reduce)
{
    .public-auth-bus
    {
        animation:none;
    }
}

/* SURAKSHA public authentication pages - aligned with the portal homepage */
.auth-swc-theme
{
    background:#f3f6f8;
    color:#17243a;
}

.auth-swc-theme .public-auth-utility
{
    min-height:34px;
    color:#ffffff;
    background:#03122c;
}

.auth-swc-theme .public-auth-utility > div
{
    max-width:1180px;
    min-height:34px;
    margin:0 auto;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    font-size:11px;
}

.auth-swc-theme .public-auth-utility a
{
    color:#f2c33b;
    font-weight:700;
    text-decoration:none;
}

.auth-swc-theme .public-auth-header
{
    position:sticky;
    top:0;
    z-index:50;
    min-height:88px;
    padding:8px max(20px, calc((100vw - 1180px) / 2));
    border-bottom:1px solid #dce3ec;
    box-shadow:0 5px 18px rgba(5,24,52,.09);
}

.auth-swc-theme .public-auth-header::after
{
    height:3px;
    background:#f2c33b;
}

.auth-swc-theme .public-auth-brand
{
    gap:11px;
}

.auth-swc-theme .public-auth-brand img
{
    width:62px;
    height:66px;
    flex-basis:62px;
}

.auth-swc-theme .public-auth-brand strong
{
    color:#061936;
    font-size:16px;
    letter-spacing:0;
}

.auth-swc-theme .public-auth-brand small
{
    color:#4c596d;
    font-size:11px;
}

.auth-swc-theme .public-auth-brand em
{
    margin-top:4px;
    color:#145b99;
    font-size:10px;
    font-style:normal;
}

.auth-swc-theme .public-auth-nav
{
    gap:4px;
}

.auth-swc-theme .public-auth-nav a
{
    min-height:41px;
    border-radius:5px;
    color:#24354b;
    font-size:12px;
}

.auth-swc-theme .public-auth-nav a.is-primary
{
    border-color:#0a2b55;
    color:#ffffff;
    background:#0a2b55;
}

.auth-swc-theme .public-auth-nav a.is-primary:hover,
.auth-swc-theme .public-auth-nav a.is-primary:focus
{
    color:#ffffff;
    background:#145b99;
}

.auth-swc-theme .public-auth-main
{
    padding:30px 22px;
    background:
        linear-gradient(135deg, rgba(244,247,249,.97), rgba(237,244,247,.95)),
        repeating-linear-gradient(45deg, transparent 0 18px, rgba(20,91,153,.035) 18px 19px);
}

.auth-swc-theme .public-auth-main-registration
{
    padding-bottom:28px;
    padding-top:28px;
}

.auth-swc-theme .public-auth-layout
{
    max-width:1180px;
    border:1px solid #d7e0e9;
    border-radius:6px;
    box-shadow:0 20px 45px rgba(5,24,52,.13);
}

.auth-swc-theme .public-auth-layout-login
{
    grid-template-columns:minmax(420px, 1.05fr) minmax(450px, .95fr);
}

.auth-swc-theme .public-auth-layout-registration
{
    grid-template-columns:355px minmax(0, 1fr);
}

.auth-swc-theme .public-auth-context
{
    min-height:610px;
    padding:46px 42px;
    background:#0a2b55 url("../images/landing/suraksha-swc-hero.png") center center / cover no-repeat;
}

.auth-swc-theme .public-auth-layout-login .public-auth-context
{
    min-height:540px;
}

.auth-swc-theme .public-auth-registration-context
{
    min-height:710px;
    padding:38px 31px;
}

.auth-swc-theme .public-auth-context::before
{
    z-index:1;
    opacity:1;
    background:linear-gradient(150deg, rgba(3,18,44,.94), rgba(6,49,78,.86) 55%, rgba(8,92,78,.8));
}

.auth-swc-theme .public-auth-eyebrow
{
    min-height:27px;
    border-color:rgba(242,195,59,.75);
    color:#f8d765;
    background:rgba(3,18,44,.45);
}

.auth-swc-theme .public-auth-context h1,
.auth-swc-theme .public-auth-context h2
{
    margin:18px 0 13px;
    color:#ffffff;
    font-family:Georgia, "Times New Roman", serif;
    font-size:34px;
    font-weight:700;
    letter-spacing:0;
    line-height:1.18;
}

.auth-swc-theme .public-auth-context-copy > p
{
    color:rgba(255,255,255,.84);
}

.auth-swc-theme .public-auth-points li
{
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.auth-swc-theme .public-auth-points li:last-child
{
    border-bottom:0;
}

.auth-swc-theme .public-auth-points li > i
{
    border-color:rgba(242,195,59,.5);
    color:#f8d765;
    background:rgba(3,18,44,.42);
}

.auth-swc-theme .public-auth-process > div
{
    border-left-color:#f2c33b;
    background:rgba(3,18,44,.42);
}

.auth-swc-theme .public-auth-process > div > span
{
    color:#061936;
    background:#f2c33b;
}

.auth-swc-theme .public-auth-ready-note
{
    border-color:rgba(242,195,59,.45);
    background:rgba(3,18,44,.42);
}

.auth-swc-theme .public-auth-bus,
.auth-swc-theme .public-auth-road,
.auth-swc-theme .public-auth-vehicle-stage
{
    display:none;
}

.auth-swc-theme .public-auth-form-panel
{
    max-width:530px;
    padding:46px 48px 38px;
}

.auth-swc-theme .public-auth-registration-panel
{
    max-width:none;
    padding:30px 34px 24px;
}

.auth-swc-theme .public-auth-form-heading
{
    margin-bottom:19px;
    border-bottom-color:#dce3ec;
}

.auth-swc-theme .public-auth-step-icon
{
    color:#ffffff;
    background:linear-gradient(135deg, #145b99, #087a61);
}

.auth-swc-theme .public-auth-form-heading h2
{
    color:#061936;
    font-family:Georgia, "Times New Roman", serif;
    font-size:25px;
}

.auth-swc-theme .public-auth-login-steps
{
    margin:0 0 23px;
    padding:12px 13px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    align-items:center;
    gap:7px;
    border:1px solid #dce3ec;
    background:#f6f8fa;
}

.auth-swc-theme .public-auth-login-steps span
{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
    color:#68758a;
    font-size:10px;
    font-weight:700;
}

.auth-swc-theme .public-auth-login-steps span b
{
    width:23px;
    height:23px;
    flex:0 0 23px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#4c596d;
    background:#e2e8ef;
    font-size:10px;
}

.auth-swc-theme .public-auth-login-steps span.is-current
{
    color:#0a2b55;
}

.auth-swc-theme .public-auth-login-steps span.is-current b
{
    color:#ffffff;
    background:#145b99;
}

.auth-swc-theme .public-auth-login-steps > i
{
    color:#a6b0bd;
    font-size:11px;
}

.auth-swc-theme .public-auth-form-section
{
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    gap:10px;
    margin:2px 0 -1px;
    padding:9px 12px;
    border-left:3px solid #145b99;
    background:#f2f6fa;
}

.auth-swc-theme .public-auth-form-section > span
{
    color:#145b99;
    font-size:11px;
    font-weight:800;
}

.auth-swc-theme .public-auth-form-section strong,
.auth-swc-theme .public-auth-form-section small
{
    display:block;
}

.auth-swc-theme .public-auth-form-section strong
{
    color:#17243a;
    font-size:12px;
}

.auth-swc-theme .public-auth-form-section small
{
    margin-top:2px;
    color:#6d7a8c;
    font-size:10px;
}

.auth-swc-theme .public-auth-input-wrap,
.auth-swc-theme .public-auth-input-action
{
    min-height:47px;
    border-color:#b9c7d4;
    border-radius:4px;
}

.auth-swc-theme .public-auth-input-wrap:focus-within,
.auth-swc-theme .public-auth-input-action:focus-within
{
    border-color:#145b99;
    box-shadow:0 0 0 3px rgba(20,91,153,.11);
}

.auth-swc-theme .public-auth-input-wrap > i,
.auth-swc-theme .public-auth-input-icon
{
    color:#145b99;
    background:#eef4f8;
}

.auth-swc-theme .public-auth-action
{
    background:#145b99;
}

.auth-swc-theme .public-auth-action:hover,
.auth-swc-theme .public-auth-action:focus
{
    background:#0a4478;
}

.auth-swc-theme .public-auth-action.is-success,
.auth-swc-theme .public-auth-submit
{
    background:#087a61;
}

.auth-swc-theme .public-auth-submit
{
    border-radius:4px;
    box-shadow:0 8px 18px rgba(8,122,97,.16);
}

.auth-swc-theme .public-auth-security-note
{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:15px;
    padding:11px 12px;
    border:1px solid #d9e6e1;
    color:#54675f;
    background:#f4f9f7;
    font-size:11px;
    line-height:1.45;
}

.auth-swc-theme .public-auth-security-note i
{
    margin-top:2px;
    color:#087a61;
}

.auth-swc-theme .public-auth-help-row
{
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #e1e6ec;
}

.auth-swc-theme .public-auth-footer
{
    min-height:50px;
    padding-left:max(20px, calc((100vw - 1180px) / 2));
    padding-right:max(20px, calc((100vw - 1180px) / 2));
    color:rgba(255,255,255,.75);
    background:linear-gradient(110deg, #061936, #0a3158 62%, #087a61);
}

@media (max-width:980px)
{
    .auth-swc-theme .public-auth-layout-login,
    .auth-swc-theme .public-auth-layout-registration
    {
        max-width:760px;
        grid-template-columns:1fr;
    }

    .auth-swc-theme .public-auth-context,
    .auth-swc-theme .public-auth-registration-context
    {
        min-height:245px;
        padding:28px 250px 28px 30px;
        background-position:center 43%;
    }

    .auth-swc-theme .public-auth-layout-login .public-auth-context
    {
        min-height:245px;
    }

    .auth-swc-theme .public-auth-form-panel,
    .auth-swc-theme .public-auth-registration-panel
    {
        max-width:none;
        padding:29px 31px 26px;
    }
}

@media (max-width:640px)
{
    .auth-swc-theme .public-auth-utility > div
    {
        padding:0 12px;
        justify-content:flex-end;
        font-size:9px;
    }

    .auth-swc-theme .public-auth-utility > div > span
    {
        display:none;
    }

    .auth-swc-theme .public-auth-header
    {
        min-height:68px;
        padding:5px 10px;
    }

    .auth-swc-theme .public-auth-brand img
    {
        width:47px;
        height:52px;
        flex-basis:47px;
    }

    .auth-swc-theme .public-auth-brand strong
    {
        font-size:12px;
    }

    .auth-swc-theme .public-auth-brand small
    {
        font-size:9px;
    }

    .auth-swc-theme .public-auth-brand em
    {
        display:none;
    }

    .auth-swc-theme .public-auth-nav a:not(.is-primary)
    {
        display:none;
    }

    .auth-swc-theme .public-auth-nav a.is-primary
    {
        width:44px;
        min-width:44px;
        min-height:44px;
        padding:0;
        font-size:0;
    }

    .auth-swc-theme .public-auth-nav a.is-primary i
    {
        font-size:17px;
    }

    .auth-swc-theme .public-auth-main,
    .auth-swc-theme .public-auth-main-registration
    {
        padding:12px 8px;
    }

    .auth-swc-theme .public-auth-context,
    .auth-swc-theme .public-auth-registration-context
    {
        min-height:155px;
        padding:19px 126px 18px 18px;
        background-position:center center;
    }

    .auth-swc-theme .public-auth-layout-login .public-auth-context
    {
        min-height:155px;
    }

    .auth-swc-theme .public-auth-context h1,
    .auth-swc-theme .public-auth-context h2
    {
        margin:9px 0 0;
        font-size:21px;
    }

    .auth-swc-theme .public-auth-form-panel,
    .auth-swc-theme .public-auth-registration-panel
    {
        padding:20px 15px 18px;
    }

    .auth-swc-theme .public-auth-login-steps
    {
        gap:4px;
        grid-template-columns:repeat(3,minmax(0,1fr));
        padding:9px;
    }

    .auth-swc-theme .public-auth-login-steps > i
    {
        display:none;
    }

    .auth-swc-theme .public-auth-login-steps span
    {
        align-items:center;
        flex-direction:column;
        gap:4px;
        text-align:center;
    }

    .auth-swc-theme .public-auth-form-section
    {
        grid-column:auto;
    }
}