.login-modern{--login-background:#f5f4f0;--login-surface:#fff;--login-ink:#1a2420;--login-muted:#5c6862;--login-border:#dde0db;--login-brand:#159979;--login-brand-dark:#0c6653;background:var(--login-background);color:var(--login-ink);grid-template-columns:minmax(390px,38vw) minmax(0,1fr);font-family:Instrument Sans,Segoe UI,Arial,sans-serif}html[data-theme=dark] .login-modern{--login-background:#1b201e;--login-surface:#292f2d;--login-ink:#f0f1ee;--login-muted:#aeb6b2;--login-border:#39413e;--login-brand:#5db89e;--login-brand-dark:#7dd1ba}.login-modern .login-brand-panel{color:#f0f1ee;background-color:#1a2420;background-image:radial-gradient(#a8d5c829 1px,#0000 1px);background-size:42px 42px}.login-modern .login-brand-panel>a{color:#1a2420;background:#fff;border-radius:14px;width:fit-content;padding:10px 14px}.login-modern .login-official-logo{width:140px;max-width:100%;height:auto;display:block}.login-modern .login-brand-panel>div span{color:#5db89e}.login-modern .login-brand-panel h1{letter-spacing:-.055em;max-width:650px;margin:22px 0 24px;font-family:Instrument Sans,Segoe UI,Arial,sans-serif;font-size:clamp(46px,4vw,72px);font-weight:720;line-height:.98}.login-modern .login-brand-panel p{color:#aeb6b2}.login-modern .login-brand-panel>small{color:#82908a}.login-modern .login-form-panel{background:var(--login-background)}.login-modern .login-form-panel form{border-color:var(--login-border);background:var(--login-surface);border-radius:24px;box-shadow:0 24px 70px #1a24201f}.login-modern .login-form-tools{justify-content:flex-end;margin-bottom:28px;display:flex}.login-modern .theme-selector{border-color:var(--login-border);background:var(--login-surface);border-radius:999px}.login-modern .theme-selector button{border-radius:999px}.login-modern .theme-selector button.selected{background:var(--login-brand);color:#fff}.login-modern .section-label{color:var(--login-brand-dark)}.login-modern .login-form-panel h2{color:var(--login-ink);font-family:Instrument Sans,Segoe UI,Arial,sans-serif;font-weight:720}.login-modern .login-form-panel form>p,.login-modern .login-form-panel form>small,.login-modern .login-form-panel form>a{color:var(--login-muted)}.login-modern .login-register-link{color:var(--login-brand-dark);font-weight:700}.login-modern .login-text-button{width:fit-content;color:var(--login-brand-dark);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.login-modern .login-success{color:var(--login-brand-dark);margin-top:14px;font-size:13px;font-weight:700}.login-modern .login-form-panel label{color:var(--login-ink)}.login-modern .login-form-panel input,.login-modern .login-input-placeholder{border-color:var(--login-border);background:var(--login-surface);color:var(--login-ink);border-radius:12px}.login-modern .login-form-panel input:focus{border-color:var(--login-brand)}.login-modern .login-form-panel label.password-visibility{width:fit-content;color:var(--login-muted);cursor:pointer;align-items:center;gap:9px;margin-top:14px;font-size:12px;font-weight:600;display:flex}.login-modern .login-form-panel .password-visibility input{width:17px;min-height:17px;accent-color:var(--login-brand);margin:0;padding:0}.login-modern .button{border-radius:12px}.login-modern .button.primary{background:var(--login-brand);color:#fff}.login-modern .button.primary:hover{background:var(--login-brand-dark)}@media (max-width:780px){.login-modern{grid-template-columns:1fr}.login-modern .login-brand-panel{min-height:340px;padding:28px}.login-modern .login-brand-panel h1{font-size:clamp(40px,11vw,58px)}.login-modern .login-brand-panel>small{display:none}.login-modern .login-form-panel{padding:22px}}@media (max-width:480px){.login-modern .login-brand-panel{min-height:300px}.login-modern .login-form-panel form{padding:26px 22px}}