.login{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-brand{color:#e6faf6;background:radial-gradient(90% 70% at 20% 10%,#134e48 0%,#0b2b27 50%,#071816 100%);flex-direction:column;justify-content:space-between;gap:32px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background-image:linear-gradient(#ccfbf10d 1px,#0000 1px),linear-gradient(90deg,#ccfbf10d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.login-brand>*{position:relative}.login-brand .logo{color:#fff}.login-brand h1{font:400 clamp(32px, 3.2vw, 52px)/1.1 var(--serif);letter-spacing:-.02em;color:#fff;margin:0 0 16px}.login-brand h1 em{color:#5eead4;font-style:italic;display:block}.login[lang=zh] .login-brand h1{letter-spacing:.01em;font-weight:500;line-height:1.3}.login[lang=zh] .login-brand h1 em{font-style:normal}.login-brand p{color:#e6faf6b8;max-width:420px;margin:0;line-height:1.7}.login-beam{max-width:560px;height:260px}.login-side{flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex;position:relative}.login-top{position:absolute;top:20px;right:24px}.login-card{background:var(--glass-strong);border-radius:24px;width:100%;max-width:420px;padding:26px 28px 22px}.region{background:#0d302a0f;border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.region button{height:36px;font:500 13.5px/1 var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px}.region button.on{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.oauth{border:1px solid var(--line-strong);width:100%;height:46px;font:500 14.5px/1 var(--sans);color:var(--ink);cursor:pointer;transition:transform .35s var(--ease), border-color .2s;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;display:flex}.oauth:hover:not(:disabled){border-color:var(--mint-deep);transform:translateY(-1px)}.oauth:disabled{color:var(--faint);cursor:not-allowed;background:var(--surface-2)}.soon-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-tabs{border-bottom:1px solid var(--line);gap:22px;margin-bottom:14px;display:flex}.auth-tabs button{font:500 14px/1 var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 10px}.auth-tabs button.on{color:var(--ink);border-bottom-color:var(--mint-deep)}.auth-form{gap:10px;display:grid}.auth-form .field,.otp-row .field{border:1px solid var(--line-strong);width:100%;height:46px;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:0 14px;font-size:15px}.auth-form .field:focus{border-color:var(--mint-deep);box-shadow:0 0 0 3px var(--mint-wash);outline:none}.auth-form .field:disabled{color:var(--muted);background:var(--surface-2)}.otp-row{align-items:center;gap:8px;display:flex}.otp-row .field{letter-spacing:4px}.text-btn{color:var(--brand);font:500 13.5px/1 var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0 4px}.text-btn:disabled{color:var(--faint);cursor:not-allowed}.auth-links{justify-content:space-between;margin-top:2px;display:flex}.consent{color:var(--body);cursor:pointer;align-items:flex-start;gap:9px;margin:12px 0 2px;font-size:12.5px;line-height:1.55;display:flex}.consent input{accent-color:var(--brand);margin-top:3px}.consent a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.divider{color:var(--muted);font:400 11.5px/1 var(--mono);align-items:center;gap:12px;margin:18px 0 14px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}.login-msg{background:var(--ok-soft);color:#0b6b5f;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:13px}.login-msg.err{background:var(--high-soft);color:#b3262b}.hint{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.55}.hint.center{text-align:center}.hint a{color:var(--brand);font-weight:500}.login-security{color:var(--muted);border-top:1px solid var(--line);align-items:flex-start;gap:7px;margin:14px 0 0;padding-top:14px;font-size:12px;line-height:1.6;display:flex}.login-security svg{color:var(--brand);flex:none;margin-top:3px}@media (max-width:900px){.login{grid-template-columns:1fr}.login-brand{gap:18px;padding:28px 22px}.login-brand h1{font-size:30px}.login-beam{display:none}.login-side{padding:24px 16px 40px}.login-top{align-self:flex-end;margin-bottom:12px;position:static}}