.login{min-height:100vh;padding:calc(var(--hug)*2);background:radial-gradient(circle at 22% 18%,rgb(var(--pc-rgb)/8%),transparent 40%),radial-gradient(circle at 80% 10%,rgb(var(--sc-rgb)/10%),transparent 35%),linear-gradient(135deg,#f8fbff 0%,#f3f4ff 40%,#f8fbff 100%);place-items:center;display:grid}.login-panel{width:min(420px,94vw);padding:calc(var(--hug)*4)calc(var(--hug)*2);border-radius:calc(var(--c-radius)*3);background-color:#ffffffe6;background-image:linear-gradient(90deg,#f5f8ff66 0%,#e1ebff66 100%),linear-gradient(#ffffff4d 0%,#ffffff2e 40%,#0000 75%);border:1px solid #0000000f;box-shadow:0 2px 8px #0000000f}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.login-panel{-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%)}}.login-panel{border:1px solid rgb(var(--pc-rgb)/10%);box-shadow:0 22px 48px #1018281f}.login-panel h1{color:var(--fc);letter-spacing:-.01em;margin:0;font-weight:800}.login-form{gap:var(--hug);display:grid}.login-form button{height:calc(var(--c-size)*1);border-radius:calc(var(--c-size)*.5)}.login-error{color:#b91c1c;border-radius:calc(var(--c-radius)*2);background:#fef2f2;border:1px solid #fecdd3;margin:0;padding:.65rem .85rem;font-weight:600}.login-brand{text-align:center;margin-bottom:calc(var(--hug)*1.25);justify-items:center;gap:10px;font-weight:400;display:grid}.login-brand img{box-shadow:0 12px 28px rgb(var(--pc-rgb)/22%);border-radius:18px}