.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 0,oklch(28% .08 285/36%),transparent 28rem),radial-gradient(circle at 85% 30%,oklch(25% .08 165/22%),transparent 26rem),oklch(8% .006 270);color:oklch(94% .004 270)}.login-card{width:min(440px,100%);display:grid;grid-gap:24px;gap:24px;padding:28px;border:1px solid oklch(29% .011 270);border-radius:18px;background:oklch(14% .007 270);box-shadow:0 24px 90px oklch(4% .004 270/55%)}.login-brand{display:flex;align-items:center;gap:12px}.login-brand>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid oklch(35% .06 165);border-radius:10px;background:oklch(23% .05 165);color:oklch(76% .15 165);font-weight:800}.login-brand p,.login-card label span,.login-copy p{margin:0;color:oklch(66% .012 270);font-size:13px}.login-brand h1,.login-copy h2{margin:0}.login-brand h1{font-size:18px}.login-copy{display:grid;grid-gap:8px;gap:8px}.login-copy h2{font-size:28px}.login-error{padding:10px 12px;border:1px solid oklch(58% .16 24);border-radius:10px;background:oklch(21% .05 24);color:oklch(78% .13 24);font-size:14px}.login-card form,.login-card label{display:grid;grid-gap:10px;gap:10px}.login-card form{gap:16px}.login-card input{width:100%;height:46px;padding:0 13px;border:1px solid oklch(29% .011 270);border-radius:10px;background:oklch(18% .008 270);color:oklch(94% .004 270);font:inherit;outline:none}.login-card input:focus{border-color:oklch(66% .18 285);box-shadow:0 0 0 3px oklch(66% .18 285/20%)}.login-card button{height:46px;border:1px solid oklch(66% .18 285);border-radius:10px;background:oklch(66% .18 285);color:white;font:inherit;font-weight:750;cursor:pointer}