.login-page{min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(circle at 20% 15%,#d9f4ee 0,transparent 34%),radial-gradient(circle at 85% 75%,#dbe9ff 0,transparent 38%),#eef3f7;color:#152437}.login-orb{position:fixed;border-radius:50%;filter:blur(2px);opacity:.7;pointer-events:none}.login-orb.one{width:340px;height:340px;left:-90px;bottom:-100px;background:linear-gradient(145deg,#a8e7db,#b7d4ff)}.login-orb.two{width:260px;height:260px;right:-50px;top:-70px;background:linear-gradient(145deg,#fff,#bbd8ef)}.login-card{position:relative;width:min(430px,100%);padding:42px;border:1px solid rgba(255,255,255,.9);border-radius:32px;background:rgba(255,255,255,.62);box-shadow:0 32px 90px rgba(43,72,104,.18),inset 0 1px #fff;backdrop-filter:blur(30px) saturate(180%);animation:login-in .45s cubic-bezier(.2,.8,.2,1)}.login-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#173a5f;color:white;font-weight:800;font-size:24px;box-shadow:0 10px 28px rgba(23,58,95,.25)}.login-card>span{display:block;margin-top:22px;color:#167f72;font-size:12px;font-weight:800;letter-spacing:.16em}.login-card h1{font-size:34px;letter-spacing:-.035em;margin:8px 0 4px}.login-card>p{color:#64758a;margin:0 0 28px}.login-card label{display:grid;gap:8px;margin-top:16px;font-weight:700;font-size:14px}.login-card input{height:52px;border:1px solid rgba(122,145,170,.32);border-radius:15px;padding:0 16px;background:rgba(255,255,255,.72);font:inherit;outline:none;transition:.18s}.login-card input:focus{border-color:#238b7d;box-shadow:0 0 0 4px rgba(35,139,125,.12);background:white}.login-card button{width:100%;height:52px;border:0;border-radius:15px;margin-top:24px;background:#173a5f;color:white;font:700 16px system-ui;cursor:pointer;transition:.18s}.login-card button:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(23,58,95,.22)}.login-card button:active{transform:scale(.985)}.login-card button:disabled{opacity:.65}.login-error{margin-top:14px;padding:11px 13px;border-radius:12px;background:#fff0ef;color:#b8322d;font-size:14px}.login-card small{display:block;text-align:center;margin-top:18px;color:#8290a1}@keyframes login-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.login-card{animation:none}.login-card button{transition:none}}