.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}.door-show{display:none}.show-bars i,.fr,.show-ring-fg,.show-curve-plan,.show-curve-done{will-change:auto}@media (min-width:960px) and (min-height:600px),(max-width:959px) and (min-height:700px){.login-sign{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (min-width:960px) and (min-height:600px){.login{grid-template:"show sign"1fr"show card""show foot"1fr/minmax(0,1.12fr) minmax(400px,1fr);column-gap:clamp(28px,5vw,96px);padding:16px clamp(24px,4vw,72px) 16px 16px}.door-show{grid-area:show;place-self:stretch stretch;width:100%;display:flex}.login-sign{grid-area:sign}.login-card{grid-area:card}.login-foot{grid-area:foot}.login:after{-webkit-mask-image:radial-gradient(40% 60% at 76%,#000 26%,#0000 80%);mask-image:radial-gradient(40% 60% at 76%,#000 26%,#0000 80%)}.door-field-c{left:calc(76% - 23vmax)}}@media (max-width:959px) and (min-height:700px){.login{grid-template-rows:auto auto auto 1fr;padding-top:12px}.door-show{justify-self:stretch;width:100%;max-width:720px;height:clamp(210px,30vh,290px);display:flex}.show-panes,.show-line{display:none}.show-name{font-size:clamp(2.4rem,9vw,3.6rem)}.door-show{gap:10px;padding:22px 24px 16px}}.door-show{isolation:isolate;color:#fff;min-height:0;animation:show-in var(--t-6) var(--ease-expo) both;background:radial-gradient(120% 90% at 0 0,#1b46e6 0%,#0000 55%),radial-gradient(90% 70% at 100% 100%,#0a7bd8 0%,#0000 60%),linear-gradient(150deg,#081a52 0%,#0b2a86 48%,#0030d8 100%);border-radius:28px;flex-direction:column;gap:clamp(14px,3vh,34px);padding:clamp(26px,5vh,60px) clamp(26px,4vw,60px) clamp(18px,4vh,44px);position:relative;overflow:hidden;box-shadow:0 44px 90px -44px #001e8c99}.door-show:before{content:"";z-index:-1;background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff12 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 75% at 50% 75%,#000 30%,#0000 85%);mask-image:radial-gradient(90% 75% at 50% 75%,#000 30%,#0000 85%)}.show-field{z-index:-1;border-radius:50%;position:absolute}.show-field-a{aspect-ratio:1;width:62%;animation:door-drift-a calc(var(--t-7) * 17) ease-in-out infinite alternate;background:radial-gradient(closest-side,#6e9bff8c,#0000);top:-24%;right:-18%}.show-field-b{aspect-ratio:1;width:74%;animation:door-drift-b calc(var(--t-7) * 21) ease-in-out infinite alternate;background:radial-gradient(closest-side,#00c4ff4d,#0000);bottom:-38%;left:-26%}.show-head{flex:none;position:relative}.show-mark{filter:brightness(0)invert();width:auto;height:clamp(24px,2.4vw,34px);animation:door-wipe var(--t-6) var(--ease-expo) both;animation-delay:var(--t-3);display:block}.show-name{font-family:var(--font-barlow-condensed), var(--font-barlow), sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,#fff 30%,#a9c6ff 50%,#fff 70%) -150% 0/250% 100%;-webkit-text-fill-color:transparent;animation:door-in var(--t-6) var(--ease-expo) both, show-shine calc(var(--t-7) * 7) linear infinite;animation-delay:var(--t-4), var(--t-7);-webkit-background-clip:text;background-clip:text;margin:clamp(16px,4vh,44px) 0 0;font-size:clamp(3rem,6.4vw,6.75rem);font-weight:700;line-height:.9}.show-line{color:#ffffffd6;max-width:28ch;animation:door-in var(--t-6) var(--ease-expo) both;animation-delay:var(--t-5);margin:14px 0 0;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.4}.show-frame{filter:drop-shadow(0 0 14px #82afff59);flex:1 1 0;width:100%;min-height:90px;position:relative;overflow:visible}.fr{fill:none;stroke:#fff;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:fr-draw var(--t-6) var(--ease-expo) both;animation-delay:calc(var(--t-4) + var(--k,0) * var(--stagger))}.fr-track{stroke-width:3.4px;stroke-opacity:.95}.fr-stud{stroke-width:2.1px;stroke-opacity:.72}.fr-open{stroke-width:2.8px;stroke:#9fd6ff;stroke-opacity:.95}.fr-strap{stroke-width:1.2px;stroke-opacity:.45}.fr-chord{stroke-width:3.2px;stroke-opacity:.95}.fr-web{stroke-width:1.7px;stroke-opacity:.62}.show-panes{pointer-events:none;flex-wrap:wrap;flex:none;align-items:flex-start;gap:16px;display:flex;position:relative}.show-pane{animation:pane-pop var(--t-6) var(--ease-pop) both;animation-delay:calc(var(--t-4) + var(--k,0) * var(--stagger));position:relative}.show-pane-ring{margin-top:22px}.show-pane-line{margin-top:8px}.show-bob{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:show-bob calc(var(--t-7) * 4) ease-in-out infinite alternate;background:#ffffff1f;border:1px solid #ffffff47;border-radius:16px;gap:8px;padding:12px 14px 14px;display:grid;box-shadow:0 22px 44px -26px #00001ea6,inset 0 1px #ffffff59}.show-pane-ring .show-bob{animation-duration:calc(var(--t-7) * 5);animation-direction:alternate-reverse}.show-pane-line .show-bob{animation-duration:calc(var(--t-7) * 6)}.show-pane-label{letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1;font-size:11px;font-weight:600}.show-bars{align-items:flex-end;gap:6px;height:64px;display:flex}.show-bars i{width:12px;height:calc(var(--h) * 100%);transform-origin:bottom;animation:show-grow var(--t-6) var(--ease-expo) both;animation-delay:calc(var(--t-4) + var(--k,0) * var(--stagger));background:linear-gradient(#fff,#ffffff80);border-radius:4px 4px 2px 2px;display:block}.show-ring{width:64px;height:64px;display:block;transform:rotate(-90deg)}.show-ring-bg{fill:none;stroke:#fff3;stroke-width:7px}.show-ring-fg{fill:none;stroke:#fff;stroke-width:7px;stroke-linecap:round;stroke-dasharray:.72 1;animation:ring-sweep var(--t-7) var(--ease-expo) both;animation-delay:calc(var(--t-5) + var(--k,0) * var(--stagger))}.show-curve{width:160px;height:64px;display:block;overflow:visible}.show-curve-plan,.show-curve-done{fill:none;stroke-linecap:round;stroke-dasharray:1;animation:fr-draw var(--t-7) var(--ease-expo) both;animation-delay:calc(var(--t-5) + var(--k,0) * var(--stagger))}.show-curve-plan{stroke:#ffffff6b;stroke-width:2px}.show-curve-done{stroke:#fff;stroke-width:3.2px}.show-curve-dot{fill:#fff;transform-box:fill-box;transform-origin:50%;animation:show-pop var(--t-5) var(--ease-pop) both;animation-delay:calc(var(--t-7) + var(--k,0) * var(--stagger))}@media (min-width:960px) and (min-height:600px){.login-card{background:var(--card);width:min(460px,100%);box-shadow:0 1px 0 var(--door-hi) inset, 0 40px 80px -44px var(--door-under), var(--lift-subtle);padding:34px 32px 28px}.login-card:before{left:28px;right:28px}.login-task{font-size:2.1rem}.login-card>.login-form{margin-top:var(--sp-5)}.login-form{gap:var(--sp-4)}.login-form input{padding:14px 16px;font-size:17px}}.login-btn{color:var(--hero-ink);background:var(--hero-grad);box-shadow:0 18px 34px -20px color-mix(in srgb, var(--hero-a) 85%, transparent);border-color:#0000;padding:15px 20px;font-size:1rem}.login-btn:before{content:"";transition:transform var(--t-6) var(--ease-expo);pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff57 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.login-btn:hover{background:var(--hero-grad);box-shadow:0 22px 40px -18px color-mix(in srgb, var(--hero-a) 90%, transparent);border-color:#0000}.login-btn:hover:before{transform:translate(120%)}.login-btn:active{background:var(--hero-grad);border-color:#0000}@keyframes show-in{0%{opacity:0;clip-path:inset(0 100% 0 0 round 28px)}}@keyframes fr-draw{0%{stroke-dashoffset:1px}}@keyframes pane-pop{0%{opacity:0;transform:translateY(24px)scale(.92)}}@keyframes show-grow{0%{transform:scaleY(0)}}@keyframes ring-sweep{0%{stroke-dasharray:0 1}}@keyframes show-pop{0%{opacity:0;transform:scale(0)}}@keyframes show-shine{0%{background-position:100% 0}}@keyframes show-bob{to{transform:translateY(-10px)}}@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,.show-field,.show-bob,.show-name{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,.door-show{display:none}}