.public-body:has(.owner-login) { background:#f7f9fc; }
.owner-login { max-width:1080px; margin:auto; padding:36px 0 12px; font-family:"IBM Plex Sans",sans-serif; color:#24334b; }
.login-brand { display:inline-flex; align-items:center; gap:8px; margin-bottom:32px; color:#17394b; font-size:18px; font-weight:700; letter-spacing:-.03em; text-decoration:none; }
.login-brand > span:last-child { font-weight:400; }
.login-brand-mark { display:grid; place-items:center; background:#2864dc; color:white; border-radius:10px; width:36px; height:36px; font-size:26px; margin-right:4px; }
.login-layout { display:grid; grid-template-columns:1.1fr 1fr; border:1px solid #e1e8ef; border-radius:22px; overflow:hidden; background:white; }
.login-welcome { background:#e6f4ef; padding:48px 42px 30px; display:flex; flex-direction:column; overflow:hidden; }
.login-eyebrow { font-size:10px; font-weight:700; letter-spacing:.14em; color:#2864dc; }
.login-welcome h2 { font-family:"Big Shoulders Display",Impact,sans-serif; color:#17394b; font-size:clamp(42px,5vw,64px); font-weight:700; line-height:1.05; letter-spacing:-.02em; margin:26px 0 20px; }
.login-welcome h2 span { color:#24745d; }
.login-welcome p { color:#49655f; font-size:14px; line-height:1.7; }
.login-illustration { position:relative; margin-top:auto; padding-top:38px; }
.login-sun { position:absolute; right:0; top:0; width:94px; height:94px; border-radius:50%; background:#ffcd70; display:grid; place-items:center; color:#17394b; font-size:65px; }
.login-ticket { position:relative; display:flex; gap:14px; align-items:center; background:white; border:1px solid #cfe5dc; border-left:4px solid #ed8268; padding:20px; border-radius:12px; margin-right:38px; }
.login-ticket strong,.login-ticket small { display:block; }
.login-ticket strong { font-size:14px; }
.login-ticket small { color:#64748b; font-size:12px; margin-top:4px; }
.login-ticket-icon { color:#24745d; background:#e6f4ef; border-radius:50%; width:30px; height:30px; display:grid; place-items:center; }
.login-illustration svg { display:block; width:100%; height:70px; margin-top:22px; color:#86b7a6; }
.login-form-panel { padding:64px 44px; align-self:center; min-width:0; }
.login-form-panel h1 { font-family:"Big Shoulders Display",Impact,sans-serif; color:#17394b; font-size:48px; letter-spacing:-.02em; margin:14px 0 10px; }
.login-intro { color:#64748b; font-size:14px; margin-bottom:32px; }
.login-form-panel .form-label { font-size:13px; color:#33465e; margin-bottom:8px; }
.login-form-panel .form-control { min-height:48px; border:1px solid #dce4ee; border-radius:8px; font-size:15px; background:#fff; }
.login-password-label { display:flex; justify-content:space-between; gap:12px; align-items:baseline; margin-top:24px; }
.login-password-label a { color:#2864dc; text-decoration:none; font-size:12px; font-weight:600; }
.login-password-label a:hover { text-decoration:underline; }
.login-password-field { position:relative; }
.login-password-field input { padding-right:64px; }
.login-password-field button { position:absolute; top:0; bottom:0; right:8px; border:0; background:transparent; color:#526780; font-size:12px; font-weight:600; padding:8px; }
.login-submit { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:48px; margin-top:28px; background:#2864dc; border-color:#2864dc; border-radius:8px; padding:12px 18px; }
.login-submit:hover { background:#2053bc; border-color:#2053bc; }
.login-footnote { font-size:12px; color:#64748b; margin:24px 0 0; text-align:center; }
.login-footer { text-align:center; font-size:12px; color:#64748b; margin:24px 0 0; }
.owner-login :focus-visible { outline:3px solid #8ab5fb; outline-offset:3px; }
@media(max-width:767px) { .owner-login { padding-top:20px; } .login-layout { grid-template-columns:1fr; } .login-welcome { padding:28px; } .login-welcome h2 { font-size:40px; margin:16px 0; } .login-illustration { display:none; } .login-form-panel { padding:32px 28px; } .login-brand { margin-bottom:20px; } }