*{box-sizing:border-box}body{margin:0;color:#10213c;font:15px/1.55 system-ui,"Microsoft YaHei",sans-serif;background:radial-gradient(ellipse at 10% 50%,#dceeff90,transparent 60%),radial-gradient(ellipse at 95% 10%,#d8f5ff88,transparent 55%),#f8fcff;min-height:100vh}body:before{content:"";position:fixed;inset:68px 0 0;background-image:linear-gradient(#a5c9e51a 1px,transparent 1px),linear-gradient(90deg,#a5c9e51a 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:-1}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}header{min-height:68px;background:#ffffffef;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:24px;border-bottom:1px solid #e8f0f8}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;white-space:nowrap}.brand span{font-size:40px;color:#2688ff;line-height:1}nav{display:flex;gap:32px}header button{background:none;border:0;color:#182945;font-weight:600;padding:10px 0;white-space:nowrap}header button:hover,#links button:hover{color:#0878ed;text-decoration:underline;text-underline-offset:5px}main{width:min(1260px,calc(100% - 80px));margin:auto;min-height:calc(100vh - 125px);display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:60px 0}.intro{position:relative;padding:20px 0 150px}.eyebrow{color:#237bff;font-weight:650;letter-spacing:1px}.eyebrow:before{content:"";display:inline-block;width:5px;height:18px;border-radius:5px;background:#2688ff;margin-right:14px;vertical-align:-3px}h1{font-size:clamp(40px,4.7vw,70px);line-height:1.28;letter-spacing:1px;margin:24px 0 18px;font-weight:850}.tagline{font-size:22px;color:#43536e;margin:0}.features{display:flex;justify-content:space-between;max-width:420px;margin-top:40px}.features div{display:grid;gap:8px;text-align:center}.features span{font-size:38px;line-height:1.2}.ribbon{position:absolute;left:-150px;bottom:-90px;width:calc(100% + 230px);z-index:-1}.card{background:#ffffffed;border:1px solid #cce6ff;border-radius:26px;padding:42px 44px;box-shadow:0 20px 60px #6297c91a}.card h2{font-size:32px;margin:0 0 3px}#subtitle{color:#7f90a9;margin:0 0 32px;font-size:16px}.field{margin-bottom:19px}.field label{display:block;font-weight:650;margin-bottom:8px}.input-wrap{display:flex;align-items:center;border:1px solid #ccd7e6;border-radius:12px;background:white;overflow:hidden;min-height:52px}.input-wrap:focus-within{border-color:#338bff;box-shadow:0 0 0 3px #318aff15}.input-wrap input{width:100%;min-width:0;border:0;outline:0;padding:14px 16px;background:transparent;color:#182945}.input-wrap input::placeholder{color:#95a2b5}.input-wrap button{background:none;border:0;color:#1779f8;white-space:nowrap;padding:0 16px;min-height:32px;border-left:1px solid #e5ecf5}.prefix{padding:0 15px;border-right:1px solid #e5ecf5;white-space:nowrap}.error{display:block;color:#c53737;font-size:12px;margin-top:5px}.error:empty{display:none}.input-wrap:has([aria-invalid=true]){border-color:#d85555}.forgot{text-align:right;margin:-8px 0 18px}.text-button,#links button{border:0;background:none;color:#1779f8;padding:0}.agree{display:flex;gap:9px;color:#65768d;font-size:13px;margin:24px 0 20px;align-items:flex-start}.agree input{width:18px;height:18px;flex-shrink:0;margin:1px 0;accent-color:#2385ff}.agree button{font-size:inherit}.primary{width:100%;border:0;border-radius:12px;background:linear-gradient(110deg,#328fff,#1772fb);color:#fff;min-height:52px;font-weight:650;font-size:16px}.primary:hover{filter:brightness(.96)}#links{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#75859a;font-size:13px;margin-top:24px}#links button{font-size:13px}#links.center{justify-content:center}#message{font-size:13px;color:#bf3333;margin:0}#message:not(:empty){margin-top:14px}#message.success{color:#16835d}footer{text-align:center;color:#8493a9;font-size:12px;padding:16px}dialog{width:min(460px,calc(100% - 32px));border:1px solid #d8e9fb;border-radius:18px;padding:28px;color:#21324a;box-shadow:0 20px 80px #152e5540}dialog::backdrop{background:#12284455}dialog h2{margin-top:0;font-size:22px}dialog p{white-space:pre-line;color:#64748b;margin-bottom:24px}button:focus-visible,a:focus-visible{outline:3px solid #80bbff;outline-offset:4px}.card[data-mode=register],.card[data-mode=reset]{padding-top:30px;padding-bottom:30px}.card[data-mode=register] #subtitle,.card[data-mode=reset] #subtitle{margin-bottom:22px}.card[data-mode=register] .field,.card[data-mode=reset] .field{margin-bottom:12px}.hint{font-size:12px;color:#8594a8;margin:5px 0 0}@media(max-width:1050px){main{gap:35px;width:calc(100% - 48px)}.card{padding:32px 28px}nav{gap:18px}.tagline{font-size:18px}}@media(max-width:760px){header{flex-wrap:wrap;padding:10px 20px;gap:5px}.brand{font-size:22px}nav{order:3;width:100%;overflow:auto;gap:24px;font-size:13px}main{display:block;width:min(490px,calc(100% - 32px));padding:28px 0;min-height:calc(100vh - 160px)}.intro{display:none}.card{padding:28px 24px;border-radius:22px}.card h2{font-size:28px}#subtitle{margin-bottom:26px}#links{gap:8px}.agree{font-size:12px}}