.signin{display:grid;grid-template-columns:.86fr 1fr;min-height:100vh;min-height:100svh;background:var(--surface)}.signin__form-col,.signin__panel{min-height:0}.signin__panel{position:relative;overflow:hidden}.si__form-col{display:flex;flex-direction:column;padding:clamp(var(--s-6),2.6vw,var(--s-10)) clamp(var(--s-6),3.4vw,60px);background:var(--surface)}.si__form-wrap{flex:1 1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:480px;margin:0 auto;padding:clamp(var(--s-6),3vw,var(--s-10)) 0}.si__greet{font-family:var(--font-display);font-size:clamp(1.7rem,1.15rem + 2vw,2.35rem);font-weight:400;line-height:1.1;letter-spacing:-.022em;color:var(--text)}.si__greet b{font-weight:700}.si__greet-sub{margin-top:var(--s-3);color:var(--text-muted);font-size:1.0625rem;line-height:1.55;max-width:40ch}.si__sso{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-4);gap:var(--s-4);margin-top:var(--s-8)}.si__ssobtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);height:56px;padding:0 var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);color:var(--text);font-weight:500;font-size:1rem;cursor:pointer;transition:background var(--t) var(--ease),border-color var(--t) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t) var(--ease)}.si__ssobtn svg{width:22px;height:22px;flex:none}.si__ssobtn:hover{background:var(--surface-sunk);border-color:var(--neutral-500);transform:translateY(-1px);box-shadow:var(--sh-sm)}.si__ssobtn:active{transform:translateY(0);box-shadow:none}.si__ssobtn:focus-visible{outline:none;box-shadow:var(--ring)}.si__divider{display:flex;align-items:center;gap:var(--s-4);margin:var(--s-7) 0}.si__divider:after,.si__divider:before{content:"";height:1px;flex:1 1;background:var(--border)}.si__divider span{font-family:var(--font-mono);font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);white-space:nowrap}.si__field{margin-bottom:var(--s-5)}.si__label{display:block;font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:var(--s-3)}.si__input{width:100%;height:56px;padding:0 var(--s-4);background:var(--surface-sunk);border:1px solid transparent;border-radius:var(--r-lg);font-family:var(--font-mono);font-size:1rem;color:var(--text);transition:background var(--t) var(--ease),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}.si__input::placeholder{color:var(--text-faint)}.si__input:hover{background:var(--neutral-750)}.si__input:focus{outline:none;background:var(--surface);border-color:var(--teal-500);box-shadow:0 0 0 3px var(--teal-100)}.si__hint{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-4);font-size:.9375rem;color:var(--text-muted);line-height:1.45}.si__mailbadge{flex:none;width:32px;height:32px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--sky-50);color:var(--teal-600);border:1px solid var(--teal-200)}.si__mailbadge svg{width:17px;height:17px}.si__submit{width:100%;height:58px;margin-top:var(--s-7);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);background:#023047;color:#fff;border:1px solid #023047;border-radius:var(--r-lg);font-weight:600;font-size:1.0625rem;letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),var(--sh-sm);transition:background var(--t) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t) var(--ease)}.si__submit:disabled{opacity:.6;cursor:progress}.si__submit svg{width:20px;height:20px;transition:transform var(--t) var(--ease)}.si__submit:hover{background:#011d2c;transform:translateY(-1px);box-shadow:var(--sh-md)}.si__submit:hover svg{transform:translateX(3px)}.si__submit:active{transform:translateY(0);box-shadow:none}.si__submit:focus-visible{outline:none;box-shadow:var(--ring)}.si__foot{margin-top:var(--s-8);text-align:center;font-size:.9375rem;color:var(--text-muted)}.si__foot a{font-weight:600;color:var(--teal-600);transition:color var(--t) var(--ease)}.si__foot a:hover{color:var(--teal-700);text-decoration:underline;text-underline-offset:2px}.si__legal{margin-top:var(--s-5);text-align:center;font-size:var(--t-sm);color:var(--text-faint);line-height:1.55}.si__legal a{color:var(--text-muted);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:2px;transition:color var(--t) var(--ease),-webkit-text-decoration-color var(--t) var(--ease);transition:color var(--t) var(--ease),text-decoration-color var(--t) var(--ease);transition:color var(--t) var(--ease),text-decoration-color var(--t) var(--ease),-webkit-text-decoration-color var(--t) var(--ease)}.si__legal a:hover{color:var(--teal-600);-webkit-text-decoration-color:var(--teal-300);text-decoration-color:var(--teal-300)}.signin__panel{background:#023047}.si__panel-img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}.si__panel-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(var(--s-8),3.4vw,60px);color:#eaf4f8}.si__lockup{display:inline-flex;align-items:center;gap:20px;flex:none;align-self:flex-start;margin-bottom:clamp(32px,6vh,88px)}.si__lockup img{width:58px;height:58px;display:block;filter:drop-shadow(0 1px 4px rgba(1,18,28,.5))}.si__lockup-word{font-family:var(--font-display);font-weight:600;font-size:2.25rem;letter-spacing:-.022em;color:#fff;text-shadow:0 1px 6px rgba(1,18,28,.5)}@media (max-width:880px){.signin{grid-template-columns:1fr;min-height:100vh;min-height:auto}.signin__panel{min-height:0;height:clamp(240px,38vw,300px)}.si__form-col{min-height:100vh;min-height:100svh}.si__panel-inner{padding:clamp(var(--s-7),7vw,var(--s-10))}.si__panel-img{object-position:50% 92%}.si__lockup{margin-bottom:0}.si__lockup img{width:44px;height:44px}.si__lockup-word{font-size:1.78rem}}@media (max-width:560px){.si__sso{grid-template-columns:1fr}.signin__panel{height:clamp(220px,56vw,280px)}}@media (prefers-reduced-motion:reduce){.si__input,.si__ssobtn,.si__submit,.si__submit svg{transition:none!important;animation:none!important}}