/* Refined Seattle authentication palette: black, register-orange, and white. */
.st-auth-body,
.st-auth-shell {
    background: #fbfaf7;
    color: #1a1a18;
}

.st-auth-topbar {
    min-height: 68px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 0;
    border-bottom: 1px solid #d95016;
    background: #ff6b22;
    color: #ffffff;
}

.st-auth-topbar .st-brand,
.st-auth-topbar .st-icon-button,
.st-auth-topbar .st-theme-menu > summary,
.st-auth-topbar .st-brand-copy strong {
    color: #ffffff !important;
}

.st-auth-topbar .st-brand-copy strong,
.st-auth-topbar .st-topnav a {
    font-weight: 800;
}

.st-auth-topbar .st-brand-copy small,
.st-auth-topbar .st-auth-context {
    color: #fff0e8 !important;
}

.st-auth-topbar .st-topnav a {
    color: #ffffff !important;
    font-weight: 800;
}

.st-auth-topbar .st-topnav a:hover,
.st-auth-topbar .st-topnav a:focus-visible,
.st-auth-topbar .st-icon-button:hover,
.st-auth-topbar .st-icon-button:focus-visible {
    background: rgba(25, 18, 14, .14);
    color: #ffffff !important;
}

.st-auth-topbar .st-theme-options {
    border-color: #3e3e38;
    background: #20201d;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .32);
}

.st-auth-topbar .st-theme-options button { color: #f5f1e8; }
.st-auth-topbar .st-theme-options button:hover { background: #30302b; color: #ff8b58; }

.st-auth-layout {
    width: min(100%, 1120px);
    grid-template-columns: minmax(0, 1.12fr) minmax(380px, 450px);
    min-height: calc(100dvh - 68px);
    padding: clamp(36px, 6vh, 80px) var(--st-space-6);
    gap: clamp(44px, 7vw, 112px);
}

.st-auth-intro {
    align-content: center;
    padding: var(--st-space-5) 0 var(--st-space-5) var(--st-space-5);
    border-left: 3px solid #ff6b22;
}

.st-auth-mark {
    width: 52px;
    height: 52px;
    border: 1px solid #2a2a26;
    border-radius: 8px;
    background: #1c1c1a;
    color: #ff7a3a;
    box-shadow: 0 8px 20px rgba(22, 20, 12, .13);
}

.st-auth-intro .st-kicker,
.st-auth-panel .st-kicker {
    color: #d95616;
    font-weight: 800;
    letter-spacing: 0;
}

.st-auth-intro h1,
.st-auth-panel > header h2 {
    color: #1a1a18;
    letter-spacing: 0;
}

.st-auth-intro h1 {
    max-width: 500px;
    font-size: clamp(34px, 4.2vw, 52px);
}

.st-auth-intro p,
.st-auth-panel > header p,
.st-auth-body .st-form-meta,
.st-auth-body .st-auth-switch { color: #73736b; }

.st-auth-points li { color: #41413c; }
.st-auth-points .material-icons-outlined { color: #ed631f; }

.st-auth-panel {
    padding: 30px;
    border: 1px solid #e6e1d6;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(28, 26, 18, .08);
}

.st-auth-panel > header { margin-bottom: 24px; }
.st-auth-panel > header h2 { font-size: 25px; }
.st-auth-form { gap: 16px; }

.st-auth-body .st-field > :is(input, select, textarea),
.st-auth-body .st-input-with-action,
.st-auth-body .st-captcha-input,
.st-auth-body .st-code-field {
    border-color: #dcd7cb;
    border-radius: 6px;
    background: #ffffff;
}

.st-auth-body .st-field > :is(input, select, textarea):focus,
.st-auth-body .st-input-with-action:focus-within,
.st-auth-body .st-captcha-input:focus-within,
.st-auth-body .st-code-field:focus-within {
    border-color: #ee5f1d;
    box-shadow: 0 0 0 2px rgba(255, 107, 34, .16);
}

.st-auth-body .form-control {
    min-height: 46px;
    color: #242421;
}

.st-auth-body input:-webkit-autofill,
.st-auth-body input:-webkit-autofill:hover,
.st-auth-body input:-webkit-autofill:focus {
    -webkit-text-fill-color: #242421;
    box-shadow: 0 0 0 1000px #ffffff inset;
    transition: background-color 9999s ease-out 0s;
}

.st-auth-body .st-inline-captcha {
    border-left-color: #e4dfd4;
    border-radius: 0 6px 6px 0;
    background: #fffdf7;
}

.st-auth-body .st-button-primary,
.st-auth-body .st-auth-submit {
    min-height: 46px;
    border-color: #e55a1a;
    border-radius: 6px;
    background: #ff6b22;
    color: #ffffff;
    box-shadow: none;
    font-weight: 800;
}

.st-auth-body .st-button-primary:hover,
.st-auth-body .st-auth-submit:hover {
    border-color: #d84e11;
    background: #e75c1c;
    color: #ffffff;
}

.st-auth-body .st-form-meta a,
.st-auth-body .st-auth-switch a,
.st-auth-body .st-auth-hooks a {
    color: #d95616;
    font-weight: 800;
}

.st-auth-body .st-divider::before,
.st-auth-body .st-divider::after { background: #ece8de; }

@media (max-width: 767px) {
    .st-auth-topbar { min-height: 60px; }
    .st-auth-layout { min-height: calc(100dvh - 60px); padding: var(--st-space-4); }
    .st-auth-panel { padding: 22px; border-radius: 8px; }
}

/* Fill any viewport space below the authentication layout. */
html { background: #fbfaf7 !important; }
body.st-auth-body, .st-auth-shell, .st-auth-pjax { background: #fbfaf7 !important; }