:root{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#f4f5fb;background:#121626;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(circle at 13% 22%,#5c61ed 0,transparent 26rem),radial-gradient(circle at 87% 82%,#caff61 0,transparent 23rem),linear-gradient(135deg,#121626 0%,#181d32 54%,#111523 100%);overflow-x:hidden}.brand{display:flex;align-items:center;gap:11px;padding:30px 6vw;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px 14px 5px 14px;background:#d1ff62;color:#111521;font-size:17px;font-weight:850;letter-spacing:-.12em;transform:rotate(-4deg)}.brand-title{font-size:20px;font-weight:750}.brand-note{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.03em;color:#9ba3c0;margin-left:5px}main{flex:1;display:grid;place-items:center;padding:32px 20px 65px}.card{width:min(100%,430px);padding:37px 38px 40px;background:#20263c;border:1px solid #4c5577;border-radius:28px 8px 28px 28px;box-shadow:14px 14px 0 #080b15,0 28px 80px #080b1596;position:relative}.card:before{content:"";position:absolute;inset:10px;border:1px solid #3b4567;border-radius:22px 4px 22px 22px;pointer-events:none}.symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid #6572a4;background:#30395b;border-radius:16px 16px 5px 16px;margin-bottom:26px;color:#d1ff62;transform:rotate(3deg)}.symbol svg{width:25px;height:25px}.eyebrow{font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:#d1ff62;margin:0 0 11px;text-transform:uppercase}h1{font-size:28px;letter-spacing:-.04em;margin:0 0 10px;font-weight:750}.intro{font-size:15px;color:#b4bbd3;margin:0 0 30px}.entry-label{font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#aeb7da;margin:0 0 20px}label{display:block;font-size:14px;font-weight:650;margin-bottom:9px;color:#e9ebf6}input{width:100%;height:50px;background:#151a2b;border:1px solid #4e587a;border-radius:11px;padding:0 14px;font:inherit;font-size:15px;color:#fff;outline:none}input:focus{border-color:#d1ff62;box-shadow:0 0 0 3px #d1ff6230}input::placeholder{color:#7d88a8}#username{margin-bottom:23px}.password-field{position:relative}.password-field input{padding-right:60px}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #d1ff62;outline-offset:4px}#toggle-password{position:absolute;right:12px;top:0;height:50px;background:none;border:0;color:#b9c4df;font-size:13px}.primary{display:flex;justify-content:center;align-items:center;gap:12px;background:#d1ff62;border:0;color:#141927;width:100%;height:50px;border-radius:11px 11px 5px 11px;font-size:15px;font-weight:800;margin-top:29px;transition:transform .15s,background .15s}.primary:hover{background:#e0ff99;transform:translate(-2px,-2px)}.primary span{font-size:20px}footer{text-align:center;padding:22px 16px 28px;font-size:12px;color:#aeb6d0}footer a{color:#d1ff62;text-decoration:none}footer a:hover{text-decoration:underline}dialog{width:min(calc(100% - 32px),410px);border:1px solid #4c5577;border-radius:24px 8px 24px 24px;padding:32px;background:#20263c;box-shadow:14px 14px 0 #080b15,0 25px 90px #080b15ba;color:#f4f5fb}dialog::backdrop{background:#080b15b8;backdrop-filter:blur(5px)}.close{position:absolute;right:17px;top:13px;border:0;background:none;color:#c9d0e4;font-size:28px}.dialog-mark{width:42px;height:42px;border-radius:14px 14px 5px 14px;display:grid;place-items:center;background:#d1ff62;color:#141927;font-size:23px;font-weight:800}h2{font-size:24px;letter-spacing:-.03em;margin:20px 0 9px}#dialog-description{font-size:14px;color:#b4bbd3;margin-bottom:25px}.captcha-row{display:flex;gap:12px;align-items:center}.captcha-row input{min-width:0;flex:1}#captcha-image-button{height:50px;width:126px;border:1px solid #4e587a;border-radius:10px;background:#eeeeec;padding:4px;flex-shrink:0;overflow:hidden}#captcha-image{max-width:100%;object-fit:contain}.refresh{display:block;margin:10px 0 0 auto;border:0;background:none;color:#d1ff62;font-size:13px;padding:4px 0}.error{color:#ff9c9c;font-size:13px;line-height:1.5;min-height:20px;margin:12px 0 0}dialog .primary{margin-top:14px}@media(max-width:540px){.brand{padding:23px 24px}.brand-note{display:none}.card{padding:31px 26px 33px}main{padding-bottom:35px}footer{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}