.signin{--signin-top:clamp(24px, 7vh, 72px);--signin-h1:clamp(26px, 3.1vw, 48px);--signin-ease:cubic-bezier(.16, 1, .3, 1);background:var(--spml-paper);color:var(--spml-ink);font-family:var(--display);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid;position:fixed;inset:0}.signin-brand{min-height:0;color:var(--chrome-fg);background:radial-gradient(120% 90% at 0% 100%, #045aa6 0%, var(--spml-navy) 45%, #023566 100%);padding:var(--signin-top) clamp(24px, 5vw, 64px);flex-direction:column;gap:clamp(18px,4vh,40px);display:flex;position:relative;overflow:hidden}.signin-flow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.signin-flow path{fill:none;stroke:#89bfe129;stroke-width:1px;vector-effect:non-scaling-stroke}.signin-flow path.hot{stroke:#f36f2199;stroke-width:1.5px;stroke-dasharray:3 14;animation:6s linear infinite signin-flow}@keyframes signin-flow{to{stroke-dashoffset:-170px}}.signin-brand>:not(.signin-flow){position:relative}.signin-pitch{flex-direction:column;flex:none;gap:clamp(14px,3vh,28px);max-width:620px;display:flex}.signin-pitch h1{color:#fff;font-size:var(--signin-h1);letter-spacing:-.028em;white-space:nowrap;margin:0;font-weight:650;line-height:1.08}.signin-pitch h1 em{color:var(--spml-sky);font-style:normal}.signin-inside{border-top:1px solid #ffffff1f;margin:0;padding:0;list-style:none}.signin-inside li{border-bottom:1px solid #ffffff1f;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:clamp(7px,1.4vh,12px) 0;display:grid}.signin-inside svg{fill:none;width:20px;height:20px;stroke:var(--spml-sky);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}.signin-inside b{color:#fff;font-size:14.5px;font-weight:600;display:block}.signin-inside span{color:var(--chrome-fg-muted);margin-top:2px;font-size:13.5px;line-height:1.45;display:block}.signin-signal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;flex:0 auto;gap:14px;max-width:620px;min-height:0;padding:20px 22px 18px;display:flex}.signin-signal-head{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.signin-signal-head b{color:#fff;font-weight:600}.signin-signal-head span{color:var(--chrome-fg-muted)}.signin-signal svg{flex:auto;width:100%;height:auto;min-height:0;display:block;overflow:visible}.signin-signal .grid{fill:none;stroke:#89bfe133;stroke-width:1px}.signin-signal .line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:signin-draw 1.4s var(--signin-ease) both}.signin-signal .line.a{stroke:var(--spml-sky)}.signin-signal .line.b{stroke:var(--spml-orange);animation-delay:.15s}.signin-signal .pts circle{stroke:var(--spml-navy);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:signin-pop .5s var(--signin-ease) 1s both}.signin-signal .pts.a circle{fill:var(--spml-sky)}.signin-signal .pts.b circle{fill:var(--spml-orange)}@keyframes signin-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes signin-pop{0%{transform:scale(0)}}.signin-legend{color:var(--chrome-fg);flex-wrap:wrap;gap:8px 20px;font-size:13px;display:flex}.signin-legend span{align-items:center;gap:8px;display:inline-flex}.signin-legend i{background:var(--spml-sky);border-radius:50%;width:9px;height:9px}.signin-legend i.b{background:var(--spml-orange)}.signin-side{min-height:0;padding:var(--signin-top) 24px 32px;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.signin-top{width:100%;max-width:380px;min-height:calc(var(--signin-h1) * 1.08);justify-content:flex-end;align-items:center;display:flex}.signin-lockup{align-items:center;gap:14px;display:flex}.signin-lockup img{display:block}.signin-lockup .signin-mark{aspect-ratio:580/328;width:120px;height:auto;margin:-9px -11px}.signin-lockup span{color:var(--spml-navy);letter-spacing:.01em;font-size:14px;font-weight:600}.signin-wrap{width:100%;max-width:380px;animation:signin-arrive .7s var(--signin-ease) both;flex-direction:column;margin-block:auto;display:flex}@keyframes signin-arrive{0%{opacity:.5;transform:translateY(8px)}}.signin-wrap h2{letter-spacing:-.022em;color:var(--spml-ink);margin:0;font-size:30px;font-weight:650}.signin-form{flex-direction:column;gap:18px;margin-top:32px;display:flex}.signin-wrap>.brand-credit{align-self:center;margin-top:20px}.signin-field{flex-direction:column;gap:7px;display:flex}.signin-field label{color:var(--ink-2);font-size:13.5px;font-weight:600}.signin-input{position:relative}.signin-field input{border:1px solid var(--line-strong);background:var(--spml-surface);width:100%;height:48px;color:var(--spml-ink);font:500 15px var(--display);border-radius:10px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s}.signin-field input:hover{border-color:#a9c1d3}.signin-field input:focus{border-color:var(--spml-blue);box-shadow:0 0 0 4px #0076bf24}.signin-field input:focus-visible{outline:none}.signin-field input[aria-invalid=true]{border-color:var(--status-red);box-shadow:0 0 0 4px #b423181a}.signin-input input{padding-right:48px}.signin-eye{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;top:6px;right:6px}.signin-eye:hover{background:var(--surface-2);color:var(--spml-navy)}.signin-eye svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.signin-caps{color:var(--status-amber);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.signin-caps svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.signin-error{background:var(--neg-soft);color:var(--status-red);animation:signin-arrive .35s var(--signin-ease) both;border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:11px 13px;font-size:13.5px;line-height:1.4;display:flex}.signin-error svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:0 0 16px;width:16px;height:16px;margin-top:1px}.signin-submit{cursor:pointer;background:var(--spml-navy);color:#fff;height:50px;font:600 15px var(--display);transition:background .2s, transform .2s var(--signin-ease);border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:inline-flex;box-shadow:0 1px 2px #03498933,0 8px 20px -8px #03498980}.signin-submit:hover{background:var(--spml-blue-deep);transform:translateY(-1px)}.signin-submit:active{transform:none}.signin-submit:disabled{cursor:progress;background:var(--spml-blue-deep);transform:none}.signin-submit:focus-visible{outline:2px solid var(--spml-cyan);outline-offset:2px}.signin-submit svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .25s var(--signin-ease)}.signin-submit:hover svg{transform:translate(3px)}.signin-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite signin-spin}@keyframes signin-spin{to{transform:rotate(360deg)}}@media (max-height:720px) and (min-width:901px){.signin-inside span{display:none}}@media (max-width:900px){.signin{grid-template-columns:minmax(0,1fr);min-height:100dvh;position:static}.signin-brand{padding:24px 20px 28px}.signin-inside,.signin-signal{display:none}.signin-pitch h1{white-space:normal;font-size:26px}.signin-side{padding:24px 20px 64px}.signin-wrap{margin-block:32px 0}}@media (prefers-reduced-motion:reduce){.signin *,.signin :before,.signin :after{transition:none!important;animation:none!important}}