*{box-sizing:border-box}
:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#17243b;background:#f3f7fc}
body{margin:0;min-width:320px}
.account-page{min-height:100vh;background:radial-gradient(circle at 12% 12%,#e4f2ff 0,#f3f7fc 38%,#edf2f8 100%);display:flex;align-items:center;justify-content:center;padding:28px 16px}
.auth-shell{width:100%;max-width:460px}
.auth-card{position:relative;background:rgba(255,255,255,.96);border:1px solid #e5edf6;border-radius:24px;box-shadow:0 24px 70px rgba(35,71,112,.14);padding:42px 42px 32px;overflow:hidden}
.auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#2078d4,#42b9c8)}
.auth-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#176bc6,#35b4c1);color:#fff;font-size:29px;font-weight:700;box-shadow:0 10px 22px rgba(31,125,196,.25);margin-bottom:22px}
.auth-card h1{margin:0;color:#172b49;font-size:28px;letter-spacing:.02em}.auth-subtitle{margin:10px 0 28px;color:#71829a;font-size:14px;line-height:1.7}
.auth-form{display:grid;gap:9px}.auth-form label{color:#41546f;font-size:13px;font-weight:600;margin-top:5px}.auth-form input{width:100%;height:46px;border:1px solid #d8e3ef;border-radius:11px;padding:0 14px;color:#1f3049;background:#fbfdff;outline:0;transition:.2s;font:inherit}.auth-form input:focus{border-color:#318fd2;box-shadow:0 0 0 4px rgba(49,143,210,.12);background:#fff}.auth-form input::placeholder{color:#aab7c8}
.auth-submit,.code-button{border:0;border-radius:11px;min-height:46px;cursor:pointer;font:inherit;font-weight:700;transition:.2s}.auth-submit{margin-top:12px;color:#fff;background:linear-gradient(100deg,#176bc6,#2ca8bc);box-shadow:0 9px 18px rgba(34,126,190,.2)}.auth-submit:hover{transform:translateY(-1px);filter:brightness(1.04)}
.account-message{min-height:22px;margin:15px 0 2px;color:#21845a;font-size:13px;line-height:1.5}.account-message.error{color:#d04b54}
.account-links{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px}.auth-links{margin-top:14px}.account-links a,.auth-home{color:#267dc1;text-decoration:none}.account-links a:hover,.auth-home:hover{text-decoration:underline}.auth-hint{color:#8492a5}
.auth-divider{display:flex;align-items:center;gap:12px;margin:26px 0 15px;color:#a1adbc;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e6edf5;flex:1}.auth-secondary-links{gap:12px}.auth-home{display:inline-block;margin-top:28px;color:#65778e;font-size:13px}
.agreement{display:flex!important;align-items:flex-start;gap:8px;font-weight:400!important;line-height:1.7}.agreement input{width:16px;height:16px;margin:3px 0 0;accent-color:#287fc8}.agreement span{color:#73839a;font-weight:400}.agreement a{color:#287fc8;text-decoration:none}
.code-row{display:grid;grid-template-columns:1fr 118px;gap:9px;align-items:end}.code-row>div{min-width:0}.code-button{background:#eaf4fc;color:#2379ba;padding:0 10px}.code-button:hover{background:#dcecf9}
@media(max-width:520px){.account-page{padding:14px}.auth-card{padding:34px 24px 26px;border-radius:20px}.auth-card h1{font-size:25px}.code-row{grid-template-columns:1fr 108px}}