.konnect-access { padding: clamp(2rem, 5vw, 4rem) 0 5rem; background: #fff9f3; }
.konnect-access-container { max-width: 620px; }
.konnect-access-create .konnect-access-container { max-width: 940px; }
.konnect-access-heading { max-width: 650px; margin: 0 auto 1.5rem; text-align: center; }
.konnect-access-heading h1 { margin: .6rem 0 .8rem; font-size: clamp(2.4rem, 5vw, 3.8rem); line-height: 1.1; }
.konnect-access-heading p { color: #626975; font-size: .93rem; line-height: 1.65; }
.konnect-access-switch { display: grid; grid-template-columns: 1fr 1fr; gap: .35rem; max-width: 560px; margin: 0 auto 1.5rem; padding: .35rem; border: 1px solid #e2d9ce; border-radius: 16px; background: #f3eade; }
.konnect-access-switch a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: .65rem; border-radius: 11px; color: #5f5143; font-size: .88rem; font-weight: 700; text-decoration: none; }
.konnect-access-switch a[aria-current="page"] { color: #242329; background: #fff; box-shadow: 0 2px 8px #33221112; }
.konnect-access-switch a:focus-visible { outline: 3px solid #b86200; outline-offset: 2px; }
.konnect-login-form { padding: clamp(1.3rem, 3vw, 2.2rem); border: 1px solid #e6d9c9; border-radius: 22px; box-shadow: 0 12px 32px #33221108; }
.konnect-login-heading h2 { font-size: clamp(1.2rem, 2.4vw, 1.5rem); margin: 0 0 .4rem; }
.konnect-login-heading p { font-size: .82rem; color: #626975; }
.konnect-login-options { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .7rem; }
.konnect-login-options .checkbox-label { font-size: .8rem; margin: 0; }
.konnect-login-options a { font-size: .78rem; color: #a55700; }
.konnect-login-device-note { font-size: .74rem; line-height: 1.5; color: #626975; margin: 0; }
.konnect-registration-form { width: 100%; margin: 0; }
.konnect-registration-form .panel { margin: 0; box-shadow: none; }
.konnect-registration-form .submit-row { gap: 1rem; padding: 1.3rem; }
.konnect-registration-form .submit-row .button { flex-shrink: 0; }
@media (max-width: 600px) {
    .konnect-access-heading { text-align: left; }
    .konnect-access-heading p { font-size: .87rem; }
    .konnect-access-switch a { font-size: .81rem; }
    .konnect-registration-form .form-grid { grid-template-columns: 1fr; }
    .konnect-registration-form .submit-row { flex-direction: column; align-items: stretch; }
    .konnect-registration-form .submit-row .button { width: 100%; }
}