:root{font-family:Inter,"Microsoft YaHei",system-ui;color:#172136}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 65% 15%,#e7efff 0,transparent 35%),#f4f7fc}main{width:min(410px,calc(100% - 30px));background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:35px 38px;text-align:center;box-shadow:0 22px 60px #1b37651a}.logo{margin:auto;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#5790ff,#2862dc);color:#fff;font-size:22px;font-weight:800;box-shadow:0 9px 24px #3475f544}h1{font-size:23px;margin:20px 0 7px}p{margin:0 0 27px;color:#8993a7;font-size:13px}label{display:block;text-align:left;color:#536078;font-size:12px;font-weight:650;margin-bottom:16px}input{display:block;width:100%;margin-top:7px;border:1px solid #dce3ee;border-radius:9px;padding:12px;outline:0;font:inherit}input:focus{border-color:#75a0fa;box-shadow:0 0 0 3px #3475f512}button{width:100%;border:0;border-radius:9px;padding:12px;background:#3475f5;color:white;font-weight:700;cursor:pointer;box-shadow:0 7px 17px #3475f530}button:disabled{opacity:.65}#error{min-height:20px;color:#e64c5d;font-size:12px;text-align:left;margin-top:-7px}main>small{display:block;color:#a1a9b8;margin-top:23px;font-size:10px}