:root{--navy:#071a33;--blue:#2864e8;--ink:#15233b;--muted:#66758c;--line:#dce4ef;--paper:#f5f7fb}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink)}
body{min-height:100vh;background:var(--paper);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr)}
.story{position:relative;min-height:100vh;padding:44px clamp(38px,6vw,96px);color:#fff;background:linear-gradient(90deg,rgba(3,16,35,.98),rgba(3,16,35,.65)),url("/api/images/site-studio-responsive.png") 65% center/cover;display:flex;flex-direction:column}
.logo{color:#fff;text-decoration:none;font-size:20px;font-weight:850}.logo:hover{color:#fff;text-decoration:none}.logo i{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:10px;border-radius:10px;background:var(--blue);font-style:normal}.story-copy{margin:auto 0;max-width:640px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#a9c7ff;font-weight:800;font-size:12px}.story h1{font-family:Georgia,serif;font-size:clamp(46px,5.5vw,72px);line-height:.98;letter-spacing:-.045em;margin:18px 0 24px}.story p{font-size:18px;line-height:1.7;color:#d3deec;max-width:570px}.benefits{display:grid;gap:12px;margin-top:30px}.benefits span{font-size:14px;color:#dce7f5}.benefits span:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:50%;background:#2864e833;color:#a9c7ff;font-weight:900}
.form-side{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:38px 48px;overflow:auto}.form-card{width:min(460px,100%)}.back{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:28px}.form-card h2{font-family:Georgia,serif;font-size:40px;letter-spacing:-.03em;margin:0 0 8px}.intro{color:var(--muted);margin:0 0 26px}.field{margin:0 0 13px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.form-control{width:100%;height:49px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 14px;font-size:15px;box-shadow:none}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2864e818;outline:0}.code-row{display:grid;grid-template-columns:1fr 142px;gap:9px}.send-code{height:49px;border:1px solid #b8c6db;border-radius:9px;background:#fff;color:var(--blue);font-weight:750;cursor:pointer}.send-code:disabled{opacity:.55}.captcha img{height:49px;width:100%;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.primary-submit{width:100%;height:51px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-size:15px;font-weight:800;margin-top:8px;cursor:pointer}.form-links{display:flex;justify-content:space-between;margin-top:18px;font-size:14px}.form-links a{color:var(--blue);text-decoration:none}.message{display:block;min-height:20px;margin-top:10px;font-size:13px}.note{margin-top:30px;color:#8a96a8;font-size:12px;line-height:1.6}label.error{display:block;color:#b42318;margin-top:5px;font-size:12px}
[data-zh]{display:none}html.zh [data-en]{display:none}html.zh [data-zh]{display:initial}
@media(max-width:900px){body{grid-template-columns:1fr}.story{min-height:340px;padding:28px}.story-copy{margin:58px 0 10px}.story h1{font-size:44px}.benefits{display:none}.form-side{min-height:auto;padding:42px 24px}.back{margin-bottom:25px}}