.api-login{--login-ink: #141e3b;--login-muted: #63718a;--login-accent: #096bdc;color-scheme:light;box-sizing:border-box;min-height:100svh;display:grid;place-items:center;padding:40px 20px;position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 68% 18%,#dfe9f7 0%,transparent 60%),radial-gradient(ellipse at 28% 90%,#e1edff 0%,transparent 52%),#f5f9ff;color:var(--login-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}.api-login:before,.api-login:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-1;pointer-events:none;filter:blur(14px)}.api-login:before{background:linear-gradient(42deg,transparent 18%,#ffffffef 25%,#ffffffd9 30%,transparent 38%,transparent 61%,#ffffffef 66%,#ffffffd9 69%,transparent 77%)}.api-login:after{background:linear-gradient(177deg,transparent 62%,#ffffffed 67%,#fff 69%,transparent 72%,transparent 76%,#ffffffbd 80%,transparent 85%)}.api-login *{box-sizing:border-box}.api-login ::selection{color:#123d74;background:#c9e3ff}.api-login :focus-visible{outline:3px solid var(--login-accent);outline-offset:4px}.api-login-content{width:min(520px,100%);padding:40px 50px 48px;border:2px solid #ffffffdc;border-radius:30px;background:#ffffff65;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 28px 70px #789fcb26,inset 0 0 0 3px #ffffff50;animation:api-login-arrive .4s cubic-bezier(.16,1,.3,1)}.api-login-heading{text-align:center;margin-bottom:32px}.api-login-mark{width:96px;height:96px;margin:0 auto 24px;padding:14px;border-radius:24px;background:linear-gradient(135deg,#ffffffc9,#e4effb80);box-shadow:0 12px 28px #87aeda26,inset 0 1px 2px #fff}.api-login-mark svg{width:100%;height:100%}.api-login h1{margin:0 0 10px;font-size:34px;line-height:1.35;font-weight:700;letter-spacing:-.025em;text-wrap:balance}.api-login-description{margin:0;color:var(--login-muted);font-size:16px;line-height:1.7}.api-login form{display:flex;flex-direction:column;gap:20px}.api-login-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.api-login-field{display:flex;align-items:center;gap:16px;min-height:64px;padding:0 20px;border:1px solid #ffffffdc;border-radius:16px;background:#ffffffb8;box-shadow:0 6px 18px #8aa5c312,inset 0 1px 2px #fff;transition:border-color .15s ease-out,box-shadow .15s ease-out}.api-login-field:focus-within{border-color:var(--login-accent);box-shadow:0 0 0 3px #096bdc1a}.api-login-field>svg{width:23px;height:23px;flex-shrink:0;color:#748099}.api-login-field input{width:100%;min-width:0;height:62px;padding:0;border:0;border-radius:0;background:transparent;color:var(--login-ink);font:inherit;font-size:17px;caret-color:var(--login-accent)}.api-login-field input:focus-visible{outline:none}.api-login input::placeholder{color:#637087;opacity:1}.api-login input:disabled{color:var(--login-muted)}.api-login button{cursor:pointer;font:inherit}.api-login button:disabled{cursor:default}.api-login-visibility{display:grid;place-items:center;flex-shrink:0;width:40px;height:44px;margin-right:-10px;padding:8px;border:0;border-radius:8px;color:#748099;background:transparent}.api-login-visibility svg{width:23px;height:23px}.api-login-visibility:enabled:hover{color:var(--login-accent);background:#e9f2ff}.api-login .api-login-agreement{display:flex;align-items:center;gap:10px;margin:4px 4px 2px;color:var(--login-muted);font-size:15px;line-height:1.6}.api-login-agreement input{flex-shrink:0;width:21px;height:21px;margin:0;accent-color:var(--login-accent)}.api-login-terms{color:#0964cb}.api-login .api-login-submit{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;overflow:hidden;width:100%;min-height:64px;padding:14px 16px;border:0;border-radius:18px;background:linear-gradient(105deg,#398fe9,#1679e8 28%,#116bdf 62%,#7dadf0);box-shadow:0 15px 30px #2579df30,inset 0 2px 4px #ffffffa6,inset -8px 4px 12px #ffffff40;color:#fff;font-weight:500;font-size:21px;transition:box-shadow .15s ease-out,transform .15s ease-out}.api-login-submit svg{width:25px;height:25px;flex-shrink:0;transition:transform .15s ease-out}.api-login-submit:enabled:hover{box-shadow:0 18px 36px #2579df45,inset 0 2px 4px #ffffffc0,inset -8px 4px 12px #ffffff50}.api-login-submit:enabled:hover svg{transform:translate(3px)}.api-login-submit:enabled:active{transform:translateY(1px)}.api-login .api-login-submit:disabled{background:#d8e5f5;color:#4e6381;box-shadow:none}.api-login-notice{margin:0;padding:10px 12px;border-radius:10px;background:#e4f0ff;color:#23548b;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.api-login-notice[role=alert]{background:#fff0ef;color:#a12d38}.api-login-change{min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--login-accent);text-decoration:underline;text-underline-offset:4px}@keyframes api-login-arrive{0%{opacity:.85;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:540px){.api-login{padding:24px 16px}.api-login-content{padding:32px 24px 36px;border-radius:26px}.api-login-mark{width:80px;height:80px;margin-bottom:22px;border-radius:22px}.api-login h1{font-size:28px}.api-login-description{font-size:14px}.api-login-heading{margin-bottom:28px}.api-login-field{min-height:58px;gap:12px;padding:0 16px}.api-login-field input{height:56px;font-size:16px}.api-login .api-login-agreement{font-size:13px;margin-left:0;margin-right:0}.api-login .api-login-submit{min-height:58px;font-size:19px;border-radius:16px}}@media(prefers-reduced-motion:reduce){.api-login-content{animation:none}.api-login button,.api-login-field,.api-login-submit svg{transition:none}}html,body,#root{min-height:100%;margin:0}body{background:#090f16;color:#edf4fa}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}