:root{font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#17243b;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(390px,46%) 1fr}.intro{background:#12213a;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:46px clamp(38px,6vw,100px);position:relative;overflow:hidden}.intro::before,.intro::after{content:"";position:absolute;border:1px solid #ffffff16;border-radius:50%;pointer-events:none}.intro::before{width:650px;height:650px;right:-290px;top:5%}.intro::after{width:420px;height:420px;right:-110px;top:36%}.intro-inner,.intro-foot{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#36a6a6;color:white;box-shadow:0 8px 22px #0a151f55;font-size:21px;font-weight:700}.eyebrow{margin:clamp(90px,17vh,180px) 0 18px;color:#6fd2d1;font-size:11px;letter-spacing:2px;font-weight:800}.intro h1{margin:0;font-size:clamp(31px,3.2vw,48px);line-height:1.28;letter-spacing:.2px}.intro-copy{max-width:430px;color:#a6b8cc;font-size:14px;line-height:1.8;margin:23px 0 32px}.site-count{display:inline-flex;align-items:center;gap:9px;border:1px solid #354966;border-radius:9px;background:#1b2e4a;padding:12px 14px;color:#c5d4e3;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#6bd2ae;box-shadow:0 0 0 4px #6bd2ae22}.intro-foot{font-size:11px;color:#7088a5}.form-side{display:grid;place-items:center;padding:40px 22px}.login-card{width:min(100%,410px)}.mobile-brand{display:none}.card-kicker{font-size:11px;color:#168d8d;letter-spacing:1.5px;font-weight:800}.login-card h2{margin:11px 0 9px;font-size:29px;letter-spacing:.3px}.card-copy{font-size:13px;color:#8a99aa;margin:0 0 34px}.login-card form{display:flex;flex-direction:column}.login-card label{font-size:12px;color:#53667b;font-weight:700;margin:0 0 9px}.login-card input{width:100%;height:46px;border:1px solid #dce4ed;border-radius:9px;background:white;padding:0 14px;margin:0 0 23px;color:#203149;outline:none;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:#42a6a4;box-shadow:0 0 0 3px #42a6a42a}.login-card button{height:47px;border:0;border-radius:9px;background:#168d8d;color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:4px;box-shadow:0 7px 18px #168d8d29}.login-card button:hover{background:#117a7a}.login-card button:focus-visible{outline:3px solid #78c8c6;outline-offset:2px}.help{font-size:11px;color:#9aa8b7;margin:23px 0 0;line-height:1.7}.alert{border:1px solid #f3d3cc;background:#fff5f2;color:#ae5142;border-radius:8px;padding:11px 13px;font-size:12px;line-height:1.5;margin:-14px 0 22px}@media(max-width:760px){.login-layout{display:block}.intro{display:none}.form-side{min-height:100vh;padding:32px 24px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:70px;font-size:16px;font-weight:700}.login-card h2{font-size:26px}.card-copy{margin-bottom:29px}}