.login{--door-grid:color-mix(in srgb, var(--ink) 4%, transparent);--door-step:90ms;justify-items:center;gap:var(--sp-5);min-height:100dvh;padding:clamp(28px, 7vh, 64px) var(--sp-5) clamp(20px, 4vh, 36px);background-color:var(--paper);background-image:linear-gradient(to right, var(--door-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--door-grid) 1px, transparent 1px);color:var(--body);background-size:56px 56px,56px 56px;grid-template-rows:1fr auto 1fr;display:grid}.login-sign{animation:door-in var(--t-3) var(--ease-expo) both;align-self:end;justify-items:center;gap:10px;display:grid}.login-name{font-family:var(--font-barlow-condensed), var(--font-barlow), sans-serif;letter-spacing:.22em;text-transform:uppercase;text-indent:.22em;color:var(--muted);margin:0;font-size:.8125rem;font-weight:600;line-height:1}.login-card{background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-card);width:min(400px,100%);animation:door-in var(--t-3) var(--ease-expo) var(--door-step) both;align-self:center;padding:24px}.login-task{font-family:var(--font-barlow-condensed), var(--font-barlow), sans-serif;font-size:var(--fs-6);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);margin:0;font-weight:600;line-height:1.1}.login-who{font-size:var(--fs-2);color:var(--muted);margin:2px 0 0}.login-card>.login-form,.login-card>.login-message{margin-top:var(--sp-4)}.login-card>.login-form:first-child{margin-top:0}.login-form{gap:var(--sp-3);display:grid}.login-field{gap:6px;min-width:0;display:grid}.login-label-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.login-label{font-size:var(--fs-2);color:var(--ink);font-weight:600}.login-caps{font-size:var(--fs-1);color:var(--muted);text-align:right;font-weight:600}.login-caps:empty{display:none}.login-rule{font-size:var(--fs-1);color:var(--muted);margin:0}.login-form input{border-radius:var(--r-chip);padding:12px 14px;font-size:16px}.login-form input[readonly]{background:var(--panel);color:var(--body)}.login-form input[readonly]:hover{border-color:var(--line-strong)}.login-form input.is-wrong{border-color:var(--danger)}.login-form input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px var(--paper)}.login-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px var(--paper)}.login-form input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px var(--paper), 0 0 0 3px color-mix(in srgb, var(--ink) 15%, transparent)}.login-form input:autofill,.login-form input:autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px var(--paper)}.login-form input:autofill:focus{box-shadow:inset 0 0 0 1000px var(--paper), 0 0 0 3px color-mix(in srgb, var(--ink) 15%, transparent)}.login-btn{width:100%;margin-top:var(--sp-1);font:inherit;text-align:center;cursor:pointer;color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:var(--r-pill);transition:background var(--t-1) linear, border-color var(--t-1) linear;padding:13px 18px;font-size:15px;font-weight:600;line-height:1.3}.login-btn:hover{background:color-mix(in srgb, var(--ink) 86%, var(--paper));border-color:color-mix(in srgb, var(--ink) 86%, var(--paper))}.login-btn:active{background:var(--ink);border-color:var(--ink)}.login-btn:focus-visible{border-radius:var(--r-pill);outline-offset:3px}.login-form[data-sending="1"] .login-btn{background:var(--muted);border-color:var(--muted)}.login-btn:disabled{cursor:default}.login-message{min-height:1.5em;font-size:var(--fs-2);color:var(--danger);margin:0;font-weight:600}.login-message:not(:empty){animation:door-in var(--t-2) var(--ease-expo) calc(var(--door-step) * 2) both}.login-card>.login-message{min-height:0}.login-foot{text-align:center;text-wrap:balance;max-width:44ch;font-size:var(--fs-2);color:var(--muted);animation:door-in var(--t-2) var(--ease-expo) calc(var(--door-step) * 2) both;align-self:end;margin:0}@keyframes door-in{0%{opacity:0;transform:translateY(8px)}}@media (max-height:620px){.login{padding-top:var(--sp-4);gap:var(--sp-4)}.login-card{padding:20px}}@media (max-height:520px){.login{padding-top:var(--sp-3);padding-bottom:var(--sp-3);gap:var(--sp-3)}.login-sign{gap:6px}.login .brand-lockup .ebs-logo{height:25px}.login-card{padding:16px 18px}.login-form{gap:var(--sp-2)}}@media (max-width:420px){.login{padding-inline:var(--sp-4)}.login-card{padding:20px 18px}}@media (prefers-reduced-motion:reduce){.login-sign,.login-card,.login-foot,.login-message:not(:empty){animation:none}}