.login-page{--bg:#fbfbfd;--surface:#fff;--surface-2:#f5f5f7;--hairline:#00000014;--hairline-2:#0000001f;--label:#1d1d1f;--label-2:#424245;--label-3:#6e6e73;--label-4:#86868b;--blue:#0071e3;--blue-hover:#0077ed;--blue-press:#006edb;--blue-soft:#0071e314;--blue-glow:#0071e32e;--green:#1f883d;--red:#d70015;background:var(--bg);min-height:100vh;color:var(--label);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;position:relative;overflow-x:hidden}.login-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 50% -10%,#0071e30f,#0000 60%),radial-gradient(50% 50% at 80% 100%,#0071e30a,#0000 60%);position:fixed;inset:0}.login-topbar{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hairline);background:#fbfbfdb8;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.login-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.login-brand-mark{background:var(--label);width:28px;height:28px;color:var(--surface);letter-spacing:-.04em;border-radius:6px;place-items:center;font-size:14px;font-weight:700;display:grid}.login-topbar-meta{align-items:center;gap:18px;display:flex}.login-status{background:var(--surface-2);color:var(--label-2);letter-spacing:.02em;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.login-status:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #1f883d29}.login-main{z-index:5;grid-template-columns:1.05fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;padding:100px 40px 120px;display:grid;position:relative}.login-hero{max-width:560px}.login-display{letter-spacing:-.045em;margin:0 0 22px;font-size:96px;font-weight:600;line-height:.98}.login-display .d-l1{color:var(--label);display:block}.login-display .d-l2{background:linear-gradient(95deg, var(--blue) 0%, #5e9eff 60%, var(--label-3) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:500;display:block}.login-tagline{color:var(--label-2);letter-spacing:-.018em;max-width:480px;margin:0 0 36px;font-size:21px;font-weight:400;line-height:1.4}.login-tagline .tag-en{color:var(--label-3);letter-spacing:-.005em;margin-top:4px;font-size:17px;display:block}.login-wrap{justify-content:center;display:flex}.login-card{background:var(--surface);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border-radius:18px;width:100%;max-width:380px;padding:38px 36px 28px;box-shadow:0 24px 60px #0000001a,0 6px 16px #0000000f}.login-avatar{background:var(--surface-2);width:56px;height:56px;color:var(--label-3);border:1px solid var(--hairline);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.login-head{margin-bottom:28px}.login-title{letter-spacing:-.022em;margin:0 0 4px;font-size:21px;font-weight:600;line-height:1.25}.login-sub{color:var(--label-3);font-size:13px}.field-stack{border:1px solid var(--hairline-2);background:var(--surface);border-radius:10px;margin-bottom:18px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.field-stack:hover{border-color:#0000002e}.field-stack:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-glow)}.field-input{background:0 0;align-items:center;gap:8px;height:50px;padding:0 4px 0 16px;display:flex}.field-input-top{border-bottom:1px solid var(--hairline)}.field-input input{font:inherit;color:var(--label);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0;font-size:15px}.field-input input::placeholder{color:var(--label-4);letter-spacing:-.005em}.arrow-circle{background:var(--blue);color:#fff;cursor:pointer;opacity:.45;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;margin-right:4px;transition:background .12s,transform 80ms,opacity .12s;display:grid;box-shadow:0 1px 2px #0071e34d}.field-stack:focus-within .arrow-circle{opacity:1}.arrow-circle:hover:not(:disabled){background:var(--blue-hover);transform:scale(1.05)}.arrow-circle:active:not(:disabled){background:var(--blue-press);transform:scale(.95)}.arrow-circle:disabled{cursor:default;opacity:.6}.arrow-circle.loading svg{animation:.9s linear infinite login-spin}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-remember{color:var(--label-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:2px 2px 0;font-size:13px;display:flex}.login-remember input{appearance:none;border:1.5px solid var(--label-4);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;margin:0;transition:background .12s,border-color .12s;display:inline-grid}.login-remember input:checked{background:var(--blue);border-color:var(--blue)}.login-remember input:checked:after{content:"";border-bottom:1.8px solid #fff;border-left:1.8px solid #fff;width:8px;height:5px;transform:rotate(-45deg)translateY(-1px)}.login-remember-hint{color:var(--label-4);margin-left:auto;font-size:11px}.login-err{color:var(--red);text-align:left;background:#d700150f;border:1px solid #d700151f;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:13px}.login-foot{border-top:1px solid var(--hairline);color:var(--label-4);letter-spacing:.02em;justify-content:center;align-items:center;gap:6px;margin-top:24px;padding-top:18px;font-size:11px;display:flex}.login-foot svg{color:var(--label-3)}@media (max-width:960px){.login-main{grid-template-columns:1fr;gap:48px;max-width:480px;padding:60px 24px 80px}.login-display{font-size:64px}.login-tagline{font-size:17px}}