.signin{--edge:clamp(22px, 3vw, 44px);--gutter:clamp(10px, 1.4vw, 18px);--panel-radius:clamp(24px, 2.6vw, 38px);--page-ink:var(--ink);--page-ink-soft:var(--ink-2);--hairline:var(--line);gap:var(--gutter);min-height:100dvh;padding:var(--gutter);background:var(--bg);color:var(--page-ink);grid-template-rows:auto 1fr;display:grid}@media (min-width:900px){.signin{grid-template-rows:none;grid-template-columns:1.08fr 1fr;height:100dvh;overflow:hidden}}.signin-stage{isolation:isolate;border-radius:var(--panel-radius);box-shadow:var(--sh-4);min-height:clamp(260px,38svh,400px);padding:var(--edge);color:#fff8f2;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.signin-stage-copy{align-self:end;gap:clamp(10px,1.4vw,18px);display:grid}@media (min-width:900px){.signin-stage{min-height:0}}.signin-photo{z-index:-2;object-fit:cover;object-position:50% 32%;width:100%;height:100%;animation:34s ease-in-out infinite alternate signin-drift;position:absolute;inset:0}@keyframes signin-drift{0%{transform:scale(1.01)}to{transform:scale(1.07)}}.signin-stage:after{content:"";z-index:-1;background:linear-gradient(#0000 0%,#14080a0f 36%,#14080a94 70%,#14080af0 100%),linear-gradient(#14080a6b 0%,#0000 22%);position:absolute;inset:0}.signin-logo{filter:drop-shadow(0 6px 18px #00000080);justify-self:start;width:clamp(72px,7vw,104px);height:auto}.signin-stage-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(30px,5.2vw,68px);font-weight:400;line-height:1.03}.signin-stage-note{color:#fff8f2c7;max-width:42ch;margin:0;font-size:clamp(14px,1.15vw,17px);line-height:1.55}.signin-branches{flex-wrap:wrap;gap:8px;margin-top:clamp(4px,1vw,10px);display:flex}.signin-branches span{-webkit-backdrop-filter:blur(10px);letter-spacing:.01em;white-space:nowrap;background:#fff8f21a;border:1px solid #fff8f247;border-radius:999px;padding:7px 15px;font-size:13px}.signin-panel{padding:clamp(32px, 5vw, 64px) var(--edge) calc(clamp(32px, 5vw, 64px) + env(safe-area-inset-bottom));border-radius:var(--panel-radius);background:var(--surface);box-shadow:var(--sh-3);align-content:center;justify-items:center;display:grid}@media (min-width:900px){.signin-panel{overflow-y:auto}}.signin-form-wrap{width:100%;max-width:384px}.signin-greeting{font-family:var(--font-display);letter-spacing:-.015em;color:var(--page-ink);margin:0;font-size:clamp(26px,2.5vw,34px);font-weight:400;line-height:1.15}.signin-sub{color:var(--page-ink-soft);margin:8px 0 clamp(26px,3vw,36px);font-size:15px;line-height:1.5}.signin-form{gap:20px;display:grid}.signin-field{gap:8px;min-width:0;display:grid}.signin-label{letter-spacing:.01em;color:var(--ink-2);font-size:13px;font-weight:500}.signin-input-wrap{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;align-items:center;gap:8px;min-height:54px;padding:0 16px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.signin-input-wrap:focus-within{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-wash)}.signin-input-wrap[data-invalid=true]{border-color:var(--st-cancelled-fg);background:var(--st-cancelled-bg)}.staff-root .signin-input{min-width:0;color:var(--page-ink);background:0 0;border:0;outline:0;flex:1;padding:13px 0;font-size:16px;line-height:1.4}.staff-root .signin-input::placeholder{color:var(--ink-4)}.staff-root .signin-input:disabled{color:var(--ink-3)}.signin-eye{width:34px;height:34px;color:var(--ink-3);border-radius:11px;flex:none;place-items:center;margin-right:-6px;transition:color .16s,background .16s;display:grid}.signin-eye:hover{color:var(--page-ink);background:var(--hover)}.signin-remember{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-height:32px;display:flex}.signin-box{border:1px solid var(--line-strong);background:var(--surface);color:#0000;border-radius:6px;flex:none;place-items:center;width:19px;height:19px;transition:background .16s,border-color .16s,color .16s;display:grid}.signin-remember[aria-checked=true] .signin-box{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.signin-remember-label{color:var(--ink-2);font-size:14px}.staff-root .signin-submit{background:var(--brand);width:100%;min-height:58px;color:var(--on-brand);letter-spacing:.01em;box-shadow:var(--sh-brand);border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:8px;font-size:15px;font-weight:600;transition:background .16s,transform .16s,box-shadow .16s;display:flex}.staff-root .signin-submit:hover:not(:disabled){background:var(--brand-hover);box-shadow:var(--sh-brand)}.staff-root .signin-submit:active:not(:disabled){box-shadow:var(--sh-1);transform:translateY(1px)}.staff-root .signin-submit:disabled{opacity:.62;cursor:not-allowed}.signin-arrow{transition:transform .16s}.staff-root .signin-submit:hover:not(:disabled) .signin-arrow{transform:translate(3px)}.signin-spin{animation:.9s linear infinite signin-spin}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin-foot{border-top:1px solid var(--hairline);color:var(--ink-3);margin:clamp(28px,3vw,36px) 0 0;padding-top:20px;font-size:12.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.signin-photo{animation:none}}