:root{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#242b32;background:#f6f7f9;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 12%,#fff 0,transparent 65%),#f6f7f9}main{width:min(100% - 40px,420px);padding:52px 0 28px}.card{background:#fff;border:1px solid #e6e9ed;border-radius:22px;padding:38px 36px 22px;box-shadow:0 16px 60px -24px #22334424}.mark{width:48px;height:48px;background:#edf2fc;border:1px solid #e1e8f7;color:#466cd6;border-radius:15px;display:grid;place-items:center;margin-bottom:24px}.mark svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}h1{font-weight:600;font-size:27px;letter-spacing:1px;line-height:1.3;margin:0 0 10px}.intro{color:#858b94;font-size:13px;margin:0 0 30px}label:not(.remember){display:block;font-size:12px;font-weight:550;margin:0 0 9px}input:not([type=checkbox]){width:100%;height:46px;border:1px solid #dfe3e9;border-radius:9px;background:#fcfcfd;padding:0 14px;font:inherit;font-size:14px;color:#242b32;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#a5aab3;font-size:13px}input:focus{outline:0;border-color:#6a8ae2;box-shadow:0 0 0 3px #466cd614;background:#fff}#username{margin-bottom:22px}.password-field{position:relative}#password{padding-right:45px}.visibility{position:absolute;right:4px;top:4px;width:38px;height:38px;background:transparent;border:0;cursor:pointer;color:#989fa9;display:grid;place-items:center;border-radius:6px}.visibility:hover{background:#f1f3f6;color:#46526b}.visibility svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5}.remember{display:flex;align-items:center;gap:9px;margin:20px 0 26px;color:#69717d;font-size:12px;cursor:pointer;width:fit-content}.remember input{accent-color:#496fd5;width:14px;height:14px;margin:0}.muted{color:#a2a8b1;padding-left:5px}.primary{display:flex;justify-content:center;align-items:center;gap:13px;width:100%;height:46px;border:1px solid #4669ca;border-radius:9px;background:#4d72d8;color:#fff;font:inherit;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 3px 6px #3f64c318;transition:background .15s,transform .15s}.primary:hover{background:#4166cd}.primary:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #9eb8ff;outline-offset:3px}.primary:disabled{cursor:wait;opacity:.72}.primary svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.message{min-height:18px;margin:14px 0 0;color:#b44040;font-size:12px;line-height:1.6}.message.success{color:#48735c}.footnote{display:flex;justify-content:center;align-items:center;gap:6px;margin:24px 0 0;color:#a0a7b1;font-size:11px;letter-spacing:.5px}.footnote svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.noscript{color:#69717d;font-size:12px;line-height:1.6}.noscript a{color:#466cd6}@media(max-width:480px){main{width:min(100% - 32px,420px);padding:28px 0}.card{padding:30px 25px 18px;border-radius:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}