:root{color-scheme:light;--blue:#2563eb;--ink:#163357;--muted:#718096}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f7fc;color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{max-width:1080px;margin:auto;padding:28px 12px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:12px;align-items:center;font-size:23px;font-weight:800;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--blue);color:white;font-size:30px;box-shadow:0 4px 10px #2563eb20}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400;letter-spacing:.8px;margin-top:3px}.header-login{font-size:13px;color:var(--muted)}.header-login strong{color:var(--blue);font-weight:600;margin-left:6px}.register-layout{max-width:1080px;min-height:630px;margin:18px auto 24px;display:grid;grid-template-columns:.85fr 1.15fr;background:white;border:1px solid #e3eaf5;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #17366308}.welcome-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#1d4ed8,#2563eb 58%,#3478f0);padding:53px 40px 40px;color:white;display:flex;flex-direction:column}.welcome-panel:after{content:"";position:absolute;width:430px;height:430px;right:-260px;bottom:-190px;border:64px solid #ffffff08;border-radius:50%;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:3px;opacity:.7;font-weight:700}.welcome-panel h1{margin:24px 0 18px;font-size:36px;line-height:1.4;letter-spacing:-1px}.welcome-intro{font-size:14px;line-height:1.9;opacity:.85;margin:0}.welcome-features{display:grid;gap:24px;margin:38px 0 36px}.welcome-features>div{display:flex;align-items:flex-start;gap:14px}.feature-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff0a;font-size:20px}.welcome-features p{margin:0;padding-top:2px}.welcome-features strong{display:block;font-size:14px;font-weight:650}.welcome-features p span{display:block;margin-top:6px;font-size:12px;line-height:1.7;opacity:.75}.welcome-note{position:relative;z-index:1;margin:auto 0 0;font-size:12px;line-height:1.8;color:#d9e5ff;max-width:290px}.register-card{padding:38px 42px 28px}.card-kicker{display:block;font-size:12px;color:var(--blue);font-weight:650;letter-spacing:.8px}.card-heading h2{font-size:29px;letter-spacing:-.6px;margin:7px 0 10px}.card-heading>p{font-size:13px;color:var(--muted);margin:0 0 27px;line-height:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px}.field{min-width:0}.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.optional{font-size:11px;color:#98a3b3;font-weight:400;margin-left:5px}.field input{width:100%;height:45px;min-width:0;border:1px solid #dce4ee;border-radius:9px;padding:0 12px;background:#fff;color:var(--ink);outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#9aa7b8}.field input:focus{border-color:#6091f1;box-shadow:0 0 0 3px #2563eb12}.field input:disabled{background:#f3f6fb;color:#718096}.field small{display:block;font-size:11px;color:#8a97a9;line-height:1.6;margin-top:7px;overflow-wrap:anywhere}.code-row{display:flex;gap:10px}.code-row input{flex:1;min-width:0}.code-button{flex-shrink:0;min-width:118px;padding:0 14px;border:1px solid #bfcef0;border-radius:9px;color:var(--blue);background:#f4f8ff;font-size:12px;font-weight:600;cursor:pointer}.code-button:hover{background:#eaf1ff}.code-button:disabled{color:#8b9bbb;border-color:#dce4ee;background:#f5f7fa;cursor:default}.message-space{min-height:36px;padding:7px 0}.message{font-size:12px;line-height:1.7;padding:9px 12px;margin:0;border-radius:8px;color:#166534;background:#ecfdf3;border:1px solid #d1f0db;overflow-wrap:anywhere}.message.error{background:#fff1f2;border-color:#fecdd3;color:#be123c}.submit-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;height:47px;border:0;border-radius:10px;background:var(--blue);box-shadow:0 4px 10px #2563eb18;color:white;font-weight:600;font-size:14px;cursor:pointer}.submit-button:hover{background:#1d4ed8}.submit-button:disabled{opacity:.6;cursor:default}.submit-button span{font-size:18px;font-weight:400}.form-login{font-size:12px;text-align:center;color:var(--muted);margin:18px 0 0}.form-login a{color:var(--blue);font-weight:600;margin-left:5px}a:focus-visible,button:focus-visible{outline:3px solid #84aef4;outline-offset:3px}footer{text-align:center;color:#94a2b5;font-size:11px;padding:6px 16px 26px;line-height:1.8}footer span{margin:0 9px;color:#bfcbda}[hidden]{display:none!important}@media(max-width:1120px){.site-header{padding:24px 28px}.register-layout{margin:12px 28px 24px}.register-card{padding:34px 30px 28px}.welcome-panel{padding:46px 30px 32px}.welcome-panel h1{font-size:32px}}@media(max-width:820px){.register-layout{max-width:560px;grid-template-columns:1fr;margin:12px auto 22px;min-height:0}.welcome-panel{display:none}.register-card{padding:34px 32px 28px}.site-header{max-width:608px;padding:24px}.card-heading>p{margin-bottom:24px}}@media(max-width:600px){.site-header{padding:22px 20px}.brand{font-size:21px;gap:9px}.brand-mark{width:39px;height:39px;border-radius:11px;font-size:27px}.header-login{font-size:0}.header-login strong{font-size:12px}.register-layout{margin:8px 16px 20px;border-radius:18px}.register-card{padding:28px 22px 24px}.card-heading h2{font-size:27px}.form-grid{grid-template-columns:1fr;gap:18px}.full{grid-column:auto}.code-row{gap:8px}.code-button{min-width:108px;padding:0 9px}.message-space{min-height:32px}.field input{height:46px;font-size:14px}footer{font-size:10px;padding-bottom:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}