.clload{z-index:9999;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.clload--out{opacity:0;pointer-events:none;transition:opacity .8s}.clload__svg{width:360px;max-width:70vmin;height:360px;max-height:70vmin;overflow:visible}@keyframes cl-fly{0%{opacity:0;transform:perspective(800px)translateY(-1500px)translateZ(-520px)rotate3d(1,.6,0,165deg)scale(2.7)}30%{opacity:1}62%{opacity:1;transform:perspective(800px)translateY(0)translateZ(0)rotate3d(1,.45,0,28deg)scale(2.15)}to{opacity:1;transform:perspective(800px)translateY(0)translateZ(0)rotate(0)scale(1)}}@keyframes cl-spin{to{transform:rotate(360deg)}}@keyframes cl-gf1{to{opacity:.34}}@keyframes cl-gf2{to{opacity:.27}}@keyframes cl-gf3{to{opacity:.2}}@keyframes cl-gf4{to{opacity:.13}}@keyframes cl-gf5{to{opacity:.08}}@keyframes cl-gf6{to{opacity:.05}}@keyframes cl-ring{0%{opacity:0;transform:scale(.3)}30%{opacity:.45}to{opacity:0;transform:scale(1.7)}}@keyframes cl-exit{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(18px);transform:scale(1.75)}}.cl-slide{transform-box:view-box;transform-origin:256px 256px;animation:1.35s cubic-bezier(.16,1,.3,1) both cl-fly}.cl-stage{transform-box:view-box;transform-origin:256px 256px}.cl-exit{animation:.7s cubic-bezier(.5,0,.85,.35) forwards cl-exit}.cl-flower{transform-box:view-box;transform-origin:256px 256px;filter:drop-shadow(0 0 8px #ffffff8c);animation:1.4s cubic-bezier(.32,0,.36,1) 1.8s forwards cl-spin}.cl-ghost{opacity:0;transform-box:view-box;transform-origin:256px 256px}.cl-g1{animation:1.4s cubic-bezier(.32,0,.36,1) 1.84s forwards cl-spin,.5s 1.8s forwards cl-gf1}.cl-g2{animation:1.4s cubic-bezier(.32,0,.36,1) 1.9s forwards cl-spin,.5s 1.8s forwards cl-gf2}.cl-g3{animation:1.4s cubic-bezier(.32,0,.36,1) 1.97s forwards cl-spin,.5s 1.8s forwards cl-gf3}.cl-g4{animation:1.4s cubic-bezier(.32,0,.36,1) 2.06s forwards cl-spin,.5s 1.8s forwards cl-gf4}.cl-g5{animation:1.4s cubic-bezier(.32,0,.36,1) 2.17s forwards cl-spin,.5s 1.8s forwards cl-gf5}.cl-g6{animation:1.4s cubic-bezier(.32,0,.36,1) 2.3s forwards cl-spin,.5s 1.8s forwards cl-gf6}.cl-ring{transform-box:view-box;transform-origin:256px 256px;animation:2s ease-out 1.55s forwards cl-ring}@media (prefers-reduced-motion:reduce){.cl-slide,.cl-flower,.cl-ghost,.cl-ring{animation:none!important}.cl-ghost{opacity:0}.cl-flower{filter:drop-shadow(0 0 8px #ffffff8c)}}
.login{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;max-width:1180px;min-height:100vh;margin:0 auto;padding:40px;display:grid;position:relative}.login__brand{max-width:460px}.login__brandhead{align-items:center;gap:12px;margin-bottom:42px;display:flex}.login__logo{border:1px solid var(--border-strong);background:#000;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.login__logo img{width:38px;height:38px}.login__word{letter-spacing:-.01em;color:var(--text-hi);font-size:1.3rem;font-weight:700}.login__headline{letter-spacing:-.03em;color:var(--text-hi);font-size:clamp(2.2rem,4vw,3.1rem);font-weight:800;line-height:1.06}.login__lede{max-width:400px;font-size:var(--fs-lg);color:var(--text-mid);margin-top:18px;line-height:1.6}.login__features{flex-direction:column;gap:15px;margin-top:32px;display:flex}.login__features li{font-size:var(--fs-base);color:var(--text);align-items:center;gap:13px;display:flex}.login__fico{width:34px;height:34px;color:var(--brand);background:var(--brand-ghost);border:1px solid #4ea6ff38;border-radius:9px;flex:none;place-items:center;display:grid}.login__cardwrap{flex-direction:column;align-items:center;gap:18px;display:flex}.login__card{border-radius:var(--r-2xl);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--border-strong);width:100%;max-width:420px;box-shadow:var(--sh-xl), 0 0 60px -20px var(--brand-glow);text-align:center;background:linear-gradient(#ffffff09,#0000 30%),#131519b8;padding:40px 36px 30px;position:relative}.login__cardmark{border:1px solid var(--border-strong);width:60px;height:60px;box-shadow:0 0 0 4px #4ea6ff14, 0 12px 34px -10px var(--brand-glow);background:#000;border-radius:16px;place-items:center;margin:0 auto 22px;animation:4.5s ease-in-out infinite float-y;display:grid;overflow:hidden}.login__cardmark img{width:56px;height:56px}.login__seg{border-radius:var(--r-full);background:var(--bg-input);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:2px;max-width:240px;margin:0 auto 22px;padding:4px;display:grid;position:relative}.login__seg button{z-index:1;border-radius:var(--r-full);font-size:var(--fs-sm);color:var(--text-mid);transition:color var(--t-med);padding:8px 0;font-weight:600;position:relative}.login__seg button.is-active{color:#08121d}.login__seg-pill{z-index:0;border-radius:var(--r-full);background:var(--grad-brand);width:calc(50% - 4px);box-shadow:0 4px 14px -4px var(--brand-glow);transition:transform var(--t-med) var(--ease-spring);position:absolute;top:4px;bottom:4px;left:4px}.login__seg-pill.right{transform:translate(100%)}.login__copy h2{font-size:var(--fs-xl);color:var(--text-hi);font-weight:700}.login__copy p{font-size:var(--fs-sm);color:var(--text-mid);margin-top:6px}.gbtn{border-radius:var(--r-md);width:100%;font-size:var(--fs-md);color:#1f2328;transition:transform var(--t-med) var(--ease-spring), box-shadow var(--t-med);background:#fff;justify-content:center;align-items:center;gap:11px;margin-top:22px;padding:13px 18px;font-weight:600;display:flex;box-shadow:0 6px 22px -8px #0009,inset 0 0 0 1px #0000000f}.gbtn:hover{box-shadow:0 12px 30px -8px #000000b3, 0 0 0 1px var(--brand);transform:translateY(-2px)}.gbtn:active{transform:scale(.98)}.login__note{font-size:var(--fs-xs);color:var(--text-mid);justify-content:center;align-items:center;gap:7px;margin-top:18px;display:flex}.login__note svg{color:var(--green)}.login__legal{font-size:var(--fs-2xs);color:var(--text-lo);margin-top:12px;line-height:1.5}.login__legal a{color:var(--text-mid);text-decoration:underline}.login__legal a:hover{color:var(--brand-bright)}.login__foot{font-size:var(--fs-2xs);color:var(--text-dim);letter-spacing:.04em}@media (max-width:900px){.login{text-align:center;grid-template-columns:1fr;gap:30px;padding:40px 22px}.login__brand{max-width:520px;margin:0 auto}.login__brandhead{justify-content:center;margin-bottom:24px}.login__lede{margin-left:auto;margin-right:auto}.login__features{max-width:360px;margin-left:auto;margin-right:auto}.login__features li{text-align:left}}@media (max-width:480px){.login__card{padding:32px 22px 26px}}