*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top right,#dbe7fc,transparent 60%),#f4f8f6;color:#18382d;font:16px/1.6 system-ui,sans-serif}main{max-width:460px;margin:7vh auto;padding:24px}a{color:#365c9c;text-decoration:none}section{background:white;border:1px solid #d5e3dc;border-radius:22px;padding:32px;margin-top:24px;box-shadow:0 18px 50px #153c3110}.mark{width:48px;height:48px;background:#e7eefc;color:#365c9c;display:grid;place-items:center;border-radius:12px;font-size:26px;font-weight:800}h1{font-size:32px;margin:20px 0 8px}p{color:#536960}label{display:block;font-weight:600;margin-top:18px}input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #bacfc2;border-radius:10px;font:inherit}button{font:inherit;cursor:pointer;border:1px solid #bacfc2;border-radius:10px;padding:10px 14px;background:white;color:#365c9c;margin-top:12px}#submit-login{display:block;width:100%;background:#365c9c;color:white;border:0;margin-top:24px;padding:14px;font-weight:700}#submit-login:disabled{opacity:.6}#login-error{color:#a62e3d;font-size:14px;min-height:22px}:focus-visible{outline:3px solid #588ed0;outline-offset:3px}@media(max-width:420px){main{margin:24px auto;padding:18px}section{padding:24px}}