:root{color-scheme:dark;--bg:#091016;--card:#121c26;--ink:#ecf3f7;--muted:#8799aa;--line:#263442;--green:#4bd4a6;--soft-green:#b1f3dd;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{flex-shrink:0}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 8% 35%,#19534135,transparent 49%),radial-gradient(ellipse at 97% 88%,#183f642c,transparent 40%);z-index:-1}.ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#789cab08 1px,transparent 1px),linear-gradient(90deg,#789cab08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#0008,transparent 70%)}
.masthead{display:flex;justify-content:space-between;align-items:center;padding:36px 5.6vw}.brand{display:inline-flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--green);color:#072b22;box-shadow:0 0 30px #4bd4a614}.brand-mark svg{width:27px;height:27px}.brand-name{font-size:21px;font-weight:650;letter-spacing:1px}.brand-name span{display:block;font-size:10px;font-weight:400;letter-spacing:1.1px;color:#92a8b7;margin-top:4px}.private-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#a0b4bf;border:1px solid #32453d;background:#13231c80;padding:9px 14px;border-radius:30px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #4bd4a640}
.layout{width:min(1110px,88.8vw);margin:auto;display:grid;grid-template-columns:1fr 440px;gap:92px;align-items:center;padding:45px 0 66px}.eyebrow{display:flex;align-items:center;gap:11px;color:#76b39f;font-size:10px;letter-spacing:2.1px;font-weight:600}.eyebrow span{display:block;width:21px;height:1px;background:#4bd4a6}.intro h1{font-size:clamp(42px,4.4vw,62px);line-height:1.25;letter-spacing:-1.8px;font-weight:650;margin:22px 0 21px}.intro h1 em{font-style:normal;color:var(--soft-green)}.intro-copy{font-size:14px;line-height:1.95;color:#99aebb;margin:0}.features{display:grid;gap:25px;margin:37px 0 35px}.feature{display:flex;gap:17px;align-items:flex-start}.feature-number{font-family:Consolas,monospace;font-size:11px;color:#68a78e;border:1px solid #284337;border-radius:8px;padding:7px 8px;margin-top:1px;background:#10241b60}.feature h2{font-size:14px;font-weight:550;margin:0 0 7px;letter-spacing:.1px;color:#d5e3e9}.feature p{font-size:12px;line-height:1.6;color:#7991a1;margin:0}.sources{display:flex;align-items:center;gap:13px;font-size:11px;color:#a6b9c4}.sources i{color:#536a78;font-style:normal;font-size:14px}.source-label{color:#6e8592;font-size:10px;margin-right:3px}.source-line{flex:1;height:1px;background:linear-gradient(90deg,#2e463f,transparent);margin-left:4px}
.login-card{position:relative;border:1px solid #34474390;border-radius:22px;padding:35px 36px 28px;background:linear-gradient(155deg,#15251ef0 0%,#121d27f5 32%,#121c26 100%);box-shadow:0 24px 90px #0004,inset 0 1px #5f957322}.login-card:before{content:"";position:absolute;left:35px;right:35px;height:1px;top:-1px;background:linear-gradient(90deg,transparent,#65b39190,transparent)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card-kicker{font-size:10px;font-weight:550;letter-spacing:2px;color:#7fa394}.lock-badge{width:32px;height:32px;display:grid;place-items:center;border:1px solid #3a5747;border-radius:9px;background:#1e342960;color:#79bda3}.lock-badge svg{width:16px;height:16px}.login-card h2{font-size:27px;font-weight:600;letter-spacing:-.5px;margin:0 0 10px}.card-description{font-size:12px;line-height:1.6;color:#8fa4b2;margin:0 0 30px}.field-group{margin-bottom:21px}.field-group>label{display:block;font-size:12px;color:#c7d5dd;margin-bottom:10px}.input-wrap{display:flex;align-items:center;gap:12px;background:#0b141dd9;border:1px solid #2a3b48;border-radius:10px;padding:0 14px;min-height:51px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#4bd4a6a0;box-shadow:0 0 0 3px #4bd4a60a}.input-wrap>svg{color:#648191;width:17px;height:17px}.input-wrap input{background:none;border:0;outline:0;color:#edf3f6;padding:15px 0;width:100%;min-width:0;font-size:13px;letter-spacing:.2px}.input-wrap input::placeholder{color:#526b7c}.input-wrap input:-webkit-autofill{-webkit-text-fill-color:#edf3f6;box-shadow:0 0 0 1000px #0b141d inset;caret-color:#edf3f6}.eye-button{padding:6px;display:grid;place-items:center;background:none;border:0;color:#6d8797;border-radius:5px;margin-right:-5px}.eye-button:hover{color:#d5e5ec}.eye-button svg{width:18px;height:18px}.eye-slash{display:none}.eye-button[aria-pressed=true] .eye-slash{display:block}.caps-note{display:block;color:#d3b97d;font-size:11px;margin:8px 0 0 2px}.form-options{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:2px 0 23px;font-size:11px}.remember{display:flex;align-items:center;gap:8px;color:#a7bbc6;cursor:pointer}.remember input{appearance:none;margin:0;width:15px;height:15px;display:grid;place-items:center;border:1px solid #466053;border-radius:4px;background:#0e1a20;cursor:pointer}.remember input:checked{background:var(--green);border-color:var(--green)}.remember input:checked:after{content:"";width:7px;height:4px;border-left:1.7px solid #092b21;border-bottom:1.7px solid #092b21;transform:rotate(-45deg) translateY(-1px)}.device-note{color:#5e7787;font-size:10px}.submit-button{position:relative;width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #75e5bd;border-radius:10px;background:linear-gradient(115deg,#56dcb1,#42c797);color:#073c2b;font-size:13px;font-weight:650;box-shadow:0 6px 20px #37bc7c16;transition:filter .15s,transform .15s}.submit-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button svg{width:18px;height:18px}.submit-button:disabled{cursor:wait;opacity:.72;transform:none}.submit-button[aria-busy=true] .button-arrow{display:none}.spinner{display:none;width:16px;height:16px;border:2px solid #073c2b30;border-top-color:#073c2b;border-radius:50%;animation:spin .8s linear infinite}.submit-button[aria-busy=true] .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:11px 12px;margin:-6px 0 16px;border:1px solid #72484170;border-radius:8px;background:#46262140;color:#edb4aa;font-size:12px;line-height:1.6}.card-footer{display:flex;justify-content:center;align-items:center;gap:7px;border-top:1px solid #263b45;margin-top:28px;padding-top:21px;color:#6e8998;font-size:10px}.card-footer svg{width:14px;height:14px;color:#719b8a}.page-footer{display:flex;justify-content:space-between;align-items:center;color:#536e7c;font-size:10px;padding:23px 5.6vw 27px;letter-spacing:.3px}.page-footer b{font-weight:400;color:#325546;padding:0 8px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(min-width:1600px){.layout{padding-bottom:90px}.masthead{padding-top:46px}}
@media(max-width:1100px){.layout{grid-template-columns:1fr 405px;gap:48px}.login-card{padding:31px 30px 25px}.intro h1{font-size:48px}.intro-copy{font-size:13px}.desktop-break{display:none}.feature p{max-width:270px}}
@media(max-width:820px){.masthead{padding:24px 26px}.layout{display:flex;flex-direction:column;width:min(440px,calc(100% - 44px));gap:26px;margin:auto;padding:26px 0 34px}.intro{width:100%;text-align:center}.eyebrow{justify-content:center;font-size:9px;letter-spacing:1.5px}.intro h1{font-size:34px;letter-spacing:-1px;margin:13px 0 10px}.intro h1 br{display:none}.intro h1 em{margin-left:6px}.intro-copy{font-size:12px;max-width:350px;margin:auto;line-height:1.8}.features,.sources{display:none}.login-card{width:100%;padding:27px 29px 23px;border-radius:18px}.card-top{margin-bottom:14px}.card-description{margin-bottom:25px}.page-footer{justify-content:center;padding:17px 18px 22px}.page-footer>span:last-child{display:none}.private-label{font-size:10px;padding:7px 10px}.brand-name{font-size:19px}.brand-mark{width:38px;height:38px}.brand-name span{font-size:9px}.login-card h2{font-size:25px}}
@media(max-width:430px){.masthead{padding:22px 22px 15px}.private-label{font-size:0;padding:0;border:0;background:none}.private-label .status-dot{width:7px;height:7px}.layout{padding-top:16px;gap:23px}.intro h1{font-size:31px}.intro-copy{font-size:11px}.login-card{padding:25px 24px 23px}.card-description{font-size:11px}.field-group{margin-bottom:19px}.page-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:820px){.input-wrap input{font-size:16px}}
