.login{--door-grid:color-mix(in srgb, var(--ink) 5.5%, transparent);--door-field:30%;--door-hi:#fff9;--door-gleam:#ffffff9e;--door-field-b:var(--accent-2);--door-under:color-mix(in srgb, var(--accent) 48%, transparent);isolation:isolate;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);color:var(--body);grid-template-rows:1fr auto 1fr;display:grid;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .login{--door-grid:color-mix(in srgb, var(--ink) 4.5%, transparent);--door-field:24%;--door-hi:#ffffff0d;--door-gleam:#b3c1ffd9;--door-field-b:var(--hero-b);--door-under:color-mix(in srgb, var(--hero-a) 70%, transparent)}}:root[data-theme=dark] .login{--door-grid:color-mix(in srgb, var(--ink) 4.5%, transparent);--door-field:24%;--door-hi:#ffffff0d;--door-gleam:#b3c1ffd9;--door-field-b:var(--hero-b);--door-under:color-mix(in srgb, var(--hero-a) 70%, transparent)}.door-mesh{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.door-field{border-radius:50%;position:absolute}@media (prefers-reduced-motion:no-preference){.door-field{will-change:transform}}.door-field-a{background:radial-gradient(closest-side, color-mix(in srgb, var(--hero-a) var(--door-field), transparent), transparent);width:72vmax;height:72vmax;animation:door-drift-a calc(var(--t-7) * 19) ease-in-out infinite alternate;top:-30vmax;left:-26vmax}.door-field-b{background:radial-gradient(closest-side, color-mix(in srgb, var(--door-field-b) var(--door-field), transparent), transparent);width:64vmax;height:64vmax;animation:door-drift-b calc(var(--t-7) * 23) ease-in-out infinite alternate;bottom:-28vmax;right:-24vmax}.door-field-c{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) calc(var(--door-field) * .7), transparent), transparent);width:46vmax;height:46vmax;animation:door-drift-c calc(var(--t-7) * 17) ease-in-out infinite alternate;top:calc(46% - 23vmax);left:calc(50% - 23vmax)}@keyframes door-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(9vmax,6vmax)scale(1.12)}}@keyframes door-drift-b{0%{transform:translate(0,0)scale(1.08)}to{transform:translate(-10vmax,-7vmax)scale(.96)}}@keyframes door-drift-c{0%{transform:translate(-4vmax,2vmax)scale(.94)}to{transform:translate(5vmax,-3vmax)scale(1.08)}}.login:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--door-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--door-grid) 1px, transparent 1px);animation:door-fade var(--t-6) linear both;background-position:50%;background-size:56px 56px,56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 58% at 50% 48%,#000 28%,#0000 78%);mask-image:radial-gradient(62% 58% at 50% 48%,#000 28%,#0000 78%)}.login-sign{align-self:end;justify-items:center;gap:12px;display:grid}.login-sign .brand-lockup{animation:door-wipe var(--t-6) var(--ease-expo) both;position:relative}.login-sign .brand-lockup:after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 42%, var(--door-gleam) 50%, transparent 58%) no-repeat;animation:door-gleam var(--t-7) ease-in-out both;animation-delay:var(--t-5);background-position:-50% 0;background-size:300% 100%;position:absolute;inset:0;-webkit-mask:url(/brand/ebs-logo-h.png) 50%/contain no-repeat;mask:url(/brand/ebs-logo-h.png) 50%/contain no-repeat}.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);animation:door-open var(--t-5) var(--ease-expo) both;animation-delay:var(--t-4);margin:0;font-size:.8125rem;font-weight:600;line-height:1}.login-card{background:color-mix(in srgb, var(--card) 84%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--line-strong);border-radius:var(--r-card);width:min(400px,100%);box-shadow:0 1px 0 var(--door-hi) inset, 0 34px 70px -38px var(--door-under), var(--lift-subtle);animation:door-rise var(--t-5) var(--ease-expo) both;animation-delay:calc(2 * var(--stagger));align-self:center;padding:26px 24px 24px;position:relative}.login-card:before{content:"";background:var(--accent-grad);transform-origin:0;height:2px;animation:door-sweep var(--t-6) var(--ease-expo) both;animation-delay:var(--t-4);border-radius:2px;position:absolute;top:-1px;left:22px;right:22px}.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-form>:not([type=hidden]){animation:door-in var(--t-5) var(--ease-expo) both}.login-form>:nth-child(2){animation-delay:calc(3 * var(--stagger))}.login-form>:nth-child(3){animation-delay:calc(4 * var(--stagger))}.login-form>:nth-child(4){animation-delay:calc(5 * var(--stagger))}.login-form>:nth-child(5){animation-delay:calc(6 * var(--stagger))}.login-form>:nth-child(n+6){animation-delay:calc(7 * var(--stagger))}.login-field{gap:6px;min-width:0;display:grid;position:relative}.login-label-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.login-label{font-size:var(--fs-2);color:var(--ink);transition:color var(--t-1) linear;font-weight:600}.login-field:focus-within .login-label{color:var(--accent)}.login-caps{font-size:var(--fs-1);color:var(--muted);text-align:right;font-weight:600}.login-caps:empty{display:none}.login-caps:not(:empty){animation:door-slip var(--t-3) var(--ease-expo) both}.login-rule{font-size:var(--fs-1);color:var(--muted);margin:0}.login-form input{border-radius:var(--r-chip);background:color-mix(in srgb, var(--paper) 88%, transparent);transition:border-color var(--t-1) linear, box-shadow var(--t-1) linear, background var(--t-1) linear;padding:12px 14px;font-size:16px}.login-form input:focus{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}.login-field:after{content:"";background:var(--accent-grad);pointer-events:none;transform-origin:0;height:2px;transition:transform var(--t-4) var(--ease-expo);border-radius:2px;position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(0)}.login-field:focus-within:after{transform:scaleX(1)}.login-field:has(input[readonly]):after{display:none}.login-form input[readonly]{background:var(--panel);color:var(--body)}.login-form input[readonly]:hover{border-color:var(--line-strong)}.login-form input[readonly]:focus{border-color:var(--line-strong);box-shadow:none}.login-form input.is-wrong{border-color:var(--danger)}.login-form input.is-wrong:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 16%, transparent)}.login-field:has(input.is-wrong):after{background:var(--danger)}.login-form input[autocomplete=one-time-code]{letter-spacing:.32em;text-indent:.32em;text-align:center;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.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(--card), 0 0 0 4px color-mix(in srgb, var(--accent) 16%, 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(--card), 0 0 0 4px color-mix(in srgb, var(--accent) 16%, 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, box-shadow var(--t-1) linear, transform var(--t-2) var(--ease-expo);padding:13px 18px;font-size:15px;font-weight:600;line-height:1.3;position:relative;overflow:hidden}.login-btn:hover{background:color-mix(in srgb, var(--ink) 86%, var(--accent));border-color:color-mix(in srgb, var(--ink) 86%, var(--accent));box-shadow:0 14px 30px -16px color-mix(in srgb, var(--accent) 70%, transparent)}.login-btn:active{background:var(--ink);border-color:var(--ink);box-shadow:none;transform:scale(.97)}.login-btn:disabled:active{transform:none}.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);box-shadow:none}.login-form[data-sending="1"] .login-btn:after{content:"";background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--paper) 34%, transparent) 50%, transparent 80%);animation:door-sending var(--t-7) linear infinite;position:absolute;inset:0;transform:translate(100%)}.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-slip var(--t-4) var(--ease-expo) both;animation-delay:calc(var(--t-5) + 2 * var(--stagger))}.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-5) var(--ease-expo) both;animation-delay:calc(8 * var(--stagger));align-self:end;margin:0}@keyframes door-in{0%{opacity:0;transform:translateY(10px)}}@keyframes door-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}}@keyframes door-fade{0%{opacity:0}}@keyframes door-wipe{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-8px)}}@keyframes door-open{0%{opacity:0;clip-path:inset(0 50%)}}@keyframes door-sweep{0%{transform:scaleX(0)}}@keyframes door-slip{0%{opacity:0;transform:translate(-10px)}}@keyframes door-gleam{0%{background-position:150% 0}}@keyframes door-sending{0%{transform:translate(-100%)}}@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:22px 18px 20px}.login-card:before{left:18px;right:18px}}@media (min-width:1600px) and (min-height:820px){.login-card{width:min(460px,100%);padding:30px 28px 26px}.login-card:before{left:26px;right:26px}.login .brand-lockup .ebs-logo{height:38px}.login-name{margin-top:6px}.login-form input{padding:14px 16px;font-size:17px}.login-btn{padding:15px 20px;font-size:1.0625rem}}@media (prefers-reduced-motion:reduce){.door-field{animation:none}.login-sign .brand-lockup:after{display:none}}html[data-still] .login-sign .brand-lockup:after{display:none}@media print{.door-mesh,.login:after{display:none}}