*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#192b55 0%,transparent 38%),radial-gradient(circle at 90% 90%,#172d4d 0%,transparent 42%),#080f20;color:#f3f6ff;font:16px system-ui,-apple-system,Segoe UI,sans-serif}.login-card{width:min(100%,455px);padding:42px 38px;background:#17253d;border:1px solid #354b69;border-radius:22px;box-shadow:0 30px 90px #0008}.logo{display:flex;align-items:center;gap:15px}.orb{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#8653ed,#28c8e5);font-size:30px}.logo strong{display:block;font-size:29px;letter-spacing:1px}.logo em{font-style:normal;color:#4fd2e7}.logo small{font-size:10px;letter-spacing:1.7px;color:#a6bedf}.pill{margin-top:32px;display:inline-block;padding:9px 13px;background:#0c363e;color:#4cf0cf;border:1px solid #207f83;border-radius:8px;font-size:11px;letter-spacing:1px}h1{font-size:27px;margin:28px 0 8px}p{color:#9fb4d0;line-height:1.5;margin:0 0 25px}label{display:block;margin:18px 0 8px;font-size:14px;font-weight:600}input{width:100%;height:49px;border:1px solid #3c5474;border-radius:10px;background:#0c1729;color:white;padding:0 14px;font:inherit;outline:none}input:focus{border-color:#49b7e8;box-shadow:0 0 0 2px #49b7e82c}.password-row{display:flex;position:relative}.password-row input{padding-right:86px}.password-row button{position:absolute;right:9px;top:8px;border:0;background:#203351;color:#bed5f6;border-radius:7px;padding:8px;cursor:pointer}.submit{width:100%;height:51px;border:0;border-radius:10px;margin-top:27px;color:white;background:linear-gradient(100deg,#784ce8,#399dd9);font-weight:700;font-size:16px;cursor:pointer}.submit:hover{filter:brightness(1.13)}.error{background:#502633;color:#ffced8;border:1px solid #a3465b;border-radius:9px;padding:12px;font-size:14px}footer{text-align:center;margin-top:35px;padding-top:23px;border-top:1px solid #344761;font-size:12px;color:#9fb4d0}footer b{color:#f3f6ff}footer span{display:block;margin-top:5px;font-size:11px}@media(max-width:480px){.login-card{padding:28px 23px}}