*{box-sizing:border-box}:root{--ink:#173650;--muted:#6c8396;--line:#dce7ef;--blue:#0aa9ef}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,#fff2be,transparent 22%),radial-gradient(circle at 90% 20%,#dff7ff,transparent 27%),#f7fbfe;display:grid;place-items:center;padding:25px}.box{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 25px 70px #17365016}.logo{display:block;width:230px;max-width:80%;margin:0 auto 25px}h1{text-align:center;margin:0 0 7px;font-size:27px}.sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:24px}label{display:block;font-size:12px;font-weight:850;margin:13px 0 6px}input{width:100%;padding:13px;border:1px solid var(--line);border-radius:11px;font:inherit;outline:none}input:focus{border-color:#62c4ef;box-shadow:0 0 0 3px #0aa9ef12}.btn{width:100%;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,#0aa9ef,#6657e8);color:#fff;font-weight:850;margin-top:18px;cursor:pointer}.notice{background:#eef8ff;border:1px solid #d6eefb;color:#55758c;border-radius:12px;padding:11px;font-size:11px;line-height:1.45;margin-top:15px}.links{text-align:center;margin-top:18px;font-size:12px}.links a{color:#087db6;text-decoration:none;font-weight:800}.back{display:block;text-align:center;margin-top:15px;color:#71899c;font-size:11px;text-decoration:none}