*{box-sizing:border-box}body{margin:0;font-family:Inter,"Microsoft YaHei",sans-serif;background:#eef3f7;color:#183047}main{min-height:100vh;display:grid;grid-template-columns:1fr 460px;max-width:1100px;margin:auto;align-items:center;gap:70px;padding:40px}.logo{width:58px;height:58px;border-radius:16px;background:#4bd0b8;color:#123149;display:grid;place-items:center;font-size:28px;font-weight:900}.intro h1{font-size:38px;margin:22px 0 10px}.intro p{color:#637887;font-size:17px}.intro ul{list-style:none;padding:0;margin-top:28px;line-height:2.2;color:#466174}.card{background:#fff;border-radius:18px;padding:32px;box-shadow:0 20px 60px rgba(20,48,69,.12)}.card h2{margin:0;font-size:25px}.card>p{color:#718492;margin:7px 0 25px}.card label{display:block;font-size:13px;font-weight:700;margin:15px 0}.card input{width:100%;margin-top:7px;border:1px solid #c8d5df;border-radius:9px;padding:12px;font:inherit}.card input:focus{outline:2px solid #8edbcf;border-color:#2e9f8e}.code{display:flex;gap:8px}.code input{flex:1}.code button{margin-top:7px;border:1px solid #aec5d3;background:#edf5f8;color:#176f9c;border-radius:9px;padding:0 12px;white-space:nowrap}.login{width:100%;border:0;background:#10283f;color:#fff;border-radius:9px;padding:13px;font-weight:800;margin-top:10px}.card small{display:block;color:#8797a2;margin-top:16px;text-align:center}#msg{min-height:20px;margin-top:12px;font-size:13px;color:#bd464c}.ok{color:#17805e!important}@media(max-width:800px){main{display:block;padding:25px}.intro{display:none}.card{margin:8vh auto;max-width:440px}}