.auth-experience{--bg:#fff;--surface:#fff;--surface-2:#f7f7f7;--border:#e8e8e8;--text:#222;--muted:#717171;--brand:#e51d53;--brand-ink:#fff;--link:#222;--danger:#b32535;background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;flex:1;display:flex}.dark .auth-experience{--bg:#171717;--surface:#202020;--surface-2:#2a2a2a;--border:#383838;--text:#f4f4f4;--muted:#aaa;--brand:#ff5475;--link:#f4f4f4;--danger:#ff9b9b}.auth-experience :is(a,button):focus-visible{outline:2px solid var(--text);outline-offset:4px}.auth-header{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1280px;margin-inline:auto;padding:28px 48px;display:flex}.auth-wordmark{letter-spacing:-.9px;color:var(--brand);align-items:center;gap:9px;font-size:23px;font-weight:700;display:inline-flex}.auth-header-actions{align-items:center;gap:24px;display:flex}.auth-back{align-items:center;gap:7px;font-size:12px;font-weight:500;display:inline-flex}.auth-back:hover{text-decoration:underline}.auth-theme{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.auth-theme:hover{background:var(--surface-2)}.auth-main{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px;width:100%;max-width:1280px;margin-inline:auto;padding:20px 48px 60px;display:grid}.auth-scenery{color:#fff;background:linear-gradient(#18191500 20%,#181915c9),url(/images/architecture-panorama.webp) 23%/cover;border-radius:26px;align-self:stretch;width:100%;height:590px;min-height:490px;max-height:760px;position:relative;overflow:hidden}.auth-image-tag{color:#222;background:#fff;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;font-weight:550;display:inline-flex;position:absolute;top:24px;left:24px}.auth-image-copy{position:absolute;bottom:40px;left:36px;right:30px}.auth-image-copy>p{letter-spacing:-.5px;font-size:24px;line-height:1.4}.auth-image-copy h2{letter-spacing:-1.5px;font-size:clamp(30px,3.7vw,46px);font-weight:550;line-height:1.2}.auth-image-copy>span{color:#ffffffe0;margin-top:18px;font-size:13px;line-height:1.8;display:block}.auth-form-area{justify-self:center;width:100%;max-width:440px}.auth-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;overflow:hidden;box-shadow:0 6px 24px #00000008}.auth-card-heading{text-align:center;border-bottom:1px solid var(--border);padding:22px 28px}.auth-card-heading>span{align-items:center;gap:8px;font-size:12px;font-weight:550;display:inline-flex}.auth-card-body{padding:32px}.auth-card h1{letter-spacing:-.9px;font-size:28px;font-weight:550;line-height:1.25}.auth-subtitle{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.8}.auth-form-slot{margin-top:28px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field{flex-direction:column;gap:9px;display:flex}.auth-field label{color:var(--text);font-size:12px;font-weight:500}.auth-input-wrap{position:relative}.auth-field input{background:var(--surface);min-height:52px;color:var(--text);box-shadow:none;border:1px solid #b0b0b0;border-radius:11px;padding:14px;font-size:14px}.dark .auth-field input{border-color:#626262}.auth-field input:focus{border-color:var(--text);outline:1px solid var(--text);box-shadow:none}.auth-field input::placeholder{color:var(--muted);opacity:.75}.auth-field input.auth-password-input{padding-right:52px}.auth-password-toggle{width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--text);background:var(--surface-2)}.auth-submit{background:var(--button-primary,#b84c1c);color:#fff;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:4px;font-size:14px;font-weight:550;transition:background-color .2s;display:flex}.auth-submit:hover{background:var(--button-primary-hover,#9e3f17)}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-error{border:1px solid color-mix(in srgb, var(--danger) 20%, transparent);background:color-mix(in srgb, var(--danger) 5%, var(--surface));color:var(--danger);border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.7}.auth-account-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:28px;padding-top:23px;font-size:12px;line-height:1.9}.auth-account-footer a{color:var(--text);text-underline-offset:3px;font-weight:550;text-decoration:underline}.auth-account-footer .auth-tenant-note{margin-top:14px;font-size:11px;line-height:1.8}.auth-form-caption{text-align:center;color:var(--muted);margin-top:24px;font-size:10px}.auth-footer{width:100%;max-width:1280px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-inline:auto;padding:24px 48px;font-size:10px;display:flex}.auth-spinner{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.auth-main{gap:36px}.auth-image-copy{left:28px}.auth-card-body{padding:28px}}@media (max-width:800px){.auth-header{padding:24px}.auth-main{grid-template-columns:1fr;padding:24px 24px 48px}.auth-scenery{display:none}.auth-form-area{max-width:460px}.auth-footer{padding:24px}}@media (max-width:480px){.auth-header{padding:20px}.auth-wordmark{font-size:21px}.auth-wordmark>svg{width:26px}.auth-header-actions{gap:12px}.auth-back{gap:0;font-size:0}.auth-back>svg{width:18px;height:18px}.auth-main{padding:24px 20px 40px}.auth-card{box-shadow:none;background:var(--bg);border:0;border-radius:0}.auth-card-heading{text-align:left;padding:10px 0 22px}.auth-card-body{padding:28px 0 0}.auth-card h1{font-size:28px}.auth-field input{background:var(--bg)}.auth-form-caption{margin-top:30px}.auth-footer{padding:20px;font-size:9px}}@media (prefers-reduced-motion:reduce){.auth-submit{transition:none}.auth-spinner{animation:none}}.auth-field select{background:var(--surface);min-height:52px;color:var(--text);border:1px solid #b0b0b0;border-radius:11px;padding:14px;font-size:13px}
