.login-brand{display:grid;place-items:center}
.login-brand img{width:min(560px,90%);height:auto;max-height:70vh}
@media(max-width:850px){.login-brand img{width:min(330px,85%);height:auto}}
:root{--blue:var(--theme-primary,#4f46e5)}
.login-brand{background-color:var(--theme-sidebar,#111827);background-image:radial-gradient(circle at 20% 14%,rgba(var(--theme-sidebar-glow,99,102,241),.2),transparent 36%),radial-gradient(circle at 86% 84%,rgba(var(--theme-primary-rgb,79,70,229),.14),transparent 42%),repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 24px)}
html[data-theme="teal"] .login-brand{background-color:#41B9B8;background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.18),transparent 34%),radial-gradient(circle at 88% 86%,rgba(14,116,115,.1),transparent 40%),repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) 1px,transparent 1px,transparent 24px)}
.login-brand::before{background:var(--theme-primary,#4f46e5)}
.login-brand span{color:var(--theme-sidebar-muted,#c7d2fe)}
.login-card input:focus{outline-color:rgba(var(--theme-primary-rgb,79,70,229),.18)}
body,input,button{font-family:"Manrope","Segoe UI",Arial,sans-serif}
.login-brand>*{animation:login-rise .55s cubic-bezier(.22,1,.36,1) both}.login-panel{animation:login-fade .45s ease both}.login-card{transition:transform .25s ease,box-shadow .25s ease}.login-card:hover{transform:translateY(-3px);box-shadow:0 25px 65px rgba(19,34,59,.14)}.login-card button{transition:transform .18s ease,box-shadow .18s ease}.login-card button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(var(--theme-primary-rgb,79,70,229),.25)}.login-card button:active{transform:scale(.98)}
@keyframes login-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes login-fade{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:850px){.login-page{min-height:100dvh}.login-brand{min-height:220px;padding:22px}.login-brand img{width:min(280px,78%);max-height:175px}.login-panel{padding:24px 16px}.login-card{width:min(480px,100%)}}
@media(max-width:520px){.login-brand{min-height:170px;padding:14px}.login-brand img{width:min(235px,72%);max-height:140px}.login-panel{align-items:start;padding:18px 10px 28px}.login-card{padding:25px 18px;border-radius:16px}.login-card h2{font-size:27px}.login-card input{font-size:16px}.login-card button{min-height:50px}}
@media(max-width:360px){.login-brand{min-height:145px}.login-brand img{max-height:115px}.login-card{padding:22px 14px}.login-card h2{font-size:24px}.subtitle{font-size:14px}}
html[data-color-mode="dark"]{color-scheme:dark;--muted:#94A3B8;--line:#293548}html[data-color-mode="dark"] body{background:#080D18;color:#E7EDF7}html[data-color-mode="dark"] .login-brand{background-color:#0D1626;background-image:radial-gradient(circle at 20% 14%,rgba(var(--theme-primary-rgb,79,70,229),.25),transparent 36%),radial-gradient(circle at 86% 84%,rgba(var(--theme-primary-rgb,79,70,229),.12),transparent 42%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 24px)}html[data-color-mode="dark"] .login-panel{background:#080D18}html[data-color-mode="dark"] .login-card{background:#111927;border-color:#293548;box-shadow:0 24px 65px rgba(0,0,0,.35)}html[data-color-mode="dark"] .login-card h2,html[data-color-mode="dark"] .login-card label{color:#E7EDF7}html[data-color-mode="dark"] .subtitle,html[data-color-mode="dark"] .login-card>small{color:#94A3B8}html[data-color-mode="dark"] .login-card input{background:#0B1220;border-color:#344258;color:#E7EDF7}html[data-color-mode="dark"] .login-card input::placeholder{color:#69788E}