html body main.login-shell{position:relative;isolation:isolate;display:block;min-height:100vh;padding:0;overflow-x:hidden;color:#ffffff;animation:none;background:radial-gradient(38% 50% at 92% 8%,rgba(253,186,116,.75),rgba(253,186,116,0) 70%),radial-gradient(34% 46% at 78% 96%,rgba(244,114,182,.42),rgba(244,114,182,0) 72%),radial-gradient(40% 55% at 58% 42%,rgba(139,92,246,.45),rgba(139,92,246,0) 70%),radial-gradient(45% 60% at 6% 92%,rgba(56,189,248,.45),rgba(56,189,248,0) 70%),radial-gradient(40% 50% at 18% 10%,rgba(255,255,255,.14),rgba(255,255,255,0) 70%),linear-gradient(115deg,#1e3a8a,#2563eb 34%,#5b5fe8 58%,#c0759a 80%,#f39a5f)}html body main.login-shell:before{content:"";display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 70% at 40% 45%,#000 0,transparent 100%);mask-image:radial-gradient(70% 70% at 40% 45%,#000 0,transparent 100%)}html body main.login-shell:after{content:"";position:absolute;z-index:-1;right:4%;top:50%;width:520px;height:520px;margin-top:-260px;border-radius:50%;background:rgba(251,146,60,.5);filter:blur(130px);pointer-events:none}html body main.login-shell .login-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(380px,440px);grid-template-areas:"story form";gap:56px;align-items:center;width:100%;max-width:1480px;min-height:100vh;margin:0 auto;padding:40px 56px;box-sizing:border-box}html body main.login-shell .login-card{grid-area:form;align-self:center;justify-self:stretch;order:0;width:100%;max-width:none;margin:0;padding:36px 36px 28px;box-sizing:border-box;color:#ffffff;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.06) 55%,rgba(20,33,61,.18)),rgba(30,41,90,.28);border:1px solid rgba(255,255,255,.34);border-radius:26px;box-shadow:0 30px 70px rgba(11,27,77,.35),inset 0 1px 0 rgba(255,255,255,.4);backdrop-filter:blur(22px) saturate(140%);animation:login-rise .5s ease-out both}html body main.login-shell .login-identity{display:flex;align-items:center;gap:12px;margin:0 0 28px;padding:0;border:0}html body main.login-shell .login-identity>img{width:44px;height:44px;border-radius:12px;box-shadow:0 8px 20px rgba(11,27,77,.25)}html body main.login-shell .login-brand-name{margin:0;color:#ffffff;font-size:1.375rem;font-weight:800;letter-spacing:-.02em}html body main.login-shell .login-brand-tagline{margin:2px 0 0;color:#fdba74;font-size:.8125rem;font-weight:700}html body main.login-shell .login-card .screen-heading{margin:0 0 6px;color:#ffffff;font-size:1.875rem;line-height:1.15;letter-spacing:-.03em;text-align:left}html body main.login-shell .login-description{margin:0 0 24px;color:#dbeafe;font-size:.9375rem;line-height:1.55;text-align:left}html body main.login-shell .login-card .field{margin-bottom:18px}html body main.login-shell .login-card label{margin-bottom:7px;color:#ffffff;font-size:.875rem;font-weight:700}html body main.login-shell .login-card input{min-height:50px;padding:0 14px;color:#ffffff;caret-color:#ffffff;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:rgba(255,255,255,.14);font-size:1rem;box-shadow:none;transition:border-color .15s,box-shadow .15s,background .15s}html body main.login-shell .login-card input:hover{border-color:rgba(255,255,255,.55)}html body main.login-shell .login-card input:focus{border-color:#fdba74;background:rgba(255,255,255,.2);box-shadow:0 0 0 4px rgba(253,186,116,.3)}html body main.login-shell .login-card input:-webkit-autofill{-webkit-text-fill-color:#ffffff;box-shadow:inset 0 0 0 1000px rgba(37,52,120,.92);-webkit-transition:background-color 9999s;transition:background-color 9999s}html body main.login-shell .login-card :focus-visible{outline:3px solid #fdba74;outline-offset:3px}html body main.login-shell .login-password-entry input{padding-right:76px}html body main.login-shell .login-password-toggle{top:6px;right:6px;height:38px;border:0;border-radius:9px;background:rgba(255,255,255,.2);color:#ffffff;font-weight:700}html body main.login-shell .login-password-toggle:hover:not(:disabled){background:rgba(255,255,255,.3)}html body main.login-shell .login-card .field-error{color:#fed7aa;font-weight:600}html body main.login-shell .login-submit.btn.primary{min-height:52px;margin-top:6px;border:0;border-radius:12px;background:#fb923c;color:#14213d;font-size:1rem;font-weight:800;box-shadow:0 12px 28px rgba(251,146,60,.35);transition:transform .15s,box-shadow .15s,background .15s}html body main.login-shell .login-submit.btn.primary:hover:not(:disabled){background:#fdba74;transform:translateY(-1px);box-shadow:0 16px 32px rgba(251,146,60,.42)}html body main.login-shell a.login-keycloak{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:0 0 22px;text-decoration:none}html body main.login-shell .login-breakglass{border-top:1px solid rgba(255,255,255,.22);padding-top:16px}html body main.login-shell .login-breakglass>summary{cursor:pointer;width:-moz-max-content;width:max-content;max-width:100%;color:#dbeafe;font-size:.9375rem;font-weight:600;border-radius:6px}html body main.login-shell .login-breakglass>summary:hover{color:#ffffff}html body main.login-shell .login-breakglass[open]>summary{margin-bottom:20px}html body main.login-shell .recovery-entry{display:inline-block;margin-top:16px;color:#fed7aa;font-weight:700;text-align:left;text-decoration:none}html body main.login-shell .recovery-entry:hover{color:#ffffff;text-decoration:underline;text-underline-offset:3px}html body main.login-shell .login-error,html body main.login-shell .login-setup-notice{border-radius:12px;color:#ffffff;background:rgba(15,23,42,.42);border:1px solid rgba(255,255,255,.3)}html body main.login-shell .login-error{border-color:rgba(254,202,202,.6);background:rgba(127,29,29,.45)}html body main.login-shell .login-setup-notice code{color:#fed7aa}html body main.login-shell .login-trust{display:flex;align-items:center;gap:8px;margin:28px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);color:#dbeafe;font-size:.8125rem;line-height:1.5}html body main.login-shell .login-trust svg{flex:none;color:#fdba74}html body main.login-shell .login-story{grid-area:story;display:flex;align-items:center;min-width:0;padding:0;background:transparent}html body main.login-shell .login-story:after{display:none}html body main.login-shell .login-story-panel{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding:0;background:none;border-radius:0;color:#ffffff}html body main.login-shell .login-story-panel:before{display:none}html body main.login-shell .login-story-panel>*{animation:login-rise .6s ease-out both}html body main.login-shell .login-story-panel>:nth-child(2){animation-delay:.06s}html body main.login-shell .login-story-panel>:nth-child(3){animation-delay:.12s}html body main.login-shell .login-story-title{margin:0;color:#ffffff;font-size:clamp(2.25rem,3.8vw,3.5rem);font-weight:800;line-height:1;letter-spacing:-.045em}html body main.login-shell .login-story-unify{color:#bfdbfe}html body main.login-shell .login-story-ask{color:#fdba74}html body main.login-shell .login-story-lead{max-width:62ch;margin:0 0 6px;color:#dbeafe;font-size:1.0625rem;line-height:1.6}html body main.login-shell svg.login-artwork{display:block;width:calc(100% + 24px);height:auto;max-height:none;margin:0 -12px;background:none;border-radius:0;box-shadow:none}html body main.login-shell .lapi-banner-orbit{transform-box:view-box;transform-origin:560px 318px}@keyframes login-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1180px){html body main.login-shell .login-layout{grid-template-columns:minmax(0,1.3fr) minmax(360px,400px);gap:40px;padding:32px 36px}}@media(max-width:960px){html body main.login-shell .login-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "story";gap:36px;min-height:0;padding:32px 20px 40px}html body main.login-shell .login-card{justify-self:center;max-width:480px}html body main.login-shell:after{right:-20%;top:12%;margin-top:0;width:420px;height:420px}}@media(max-width:640px){html body main.login-shell .login-layout{padding:24px 16px 32px}html body main.login-shell .login-card{padding:28px 20px 22px;border-radius:22px}html body main.login-shell .login-identity{margin-bottom:22px}html body main.login-shell .login-card .screen-heading{font-size:1.625rem}}@media(max-width:560px){html body main.login-shell svg.login-artwork{display:none}}@media(prefers-reduced-motion:reduce){html body main.login-shell .login-card,html body main.login-shell .login-story-panel>*{animation:none}}html body main.login-shell .login-providers{display:grid;gap:12px;margin:0 0 22px}html body main.login-shell a.login-provider{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:1px solid rgba(255,255,255,.6);border-radius:12px;background:#ffffff;color:#1f2937;font-size:1rem;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(11,27,77,.22);transition:transform .15s,box-shadow .15s}html body main.login-shell a.login-provider:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(11,27,77,.28)}html body main.login-shell a.login-keycloak-other{justify-self:center;color:#fed7aa;font-size:.875rem;font-weight:700;text-decoration:none}html body main.login-shell a.login-keycloak-other:hover{color:#ffffff;text-decoration:underline;text-underline-offset:3px}html body main.login-shell a.login-app-link{display:block;margin:0 0 22px;text-align:center;color:#fed7aa;font-size:.875rem;font-weight:700;text-decoration:none}html body main.login-shell a.login-app-link:hover{color:#ffffff;text-decoration:underline;text-underline-offset:3px}html body main.login-shell .login-reel{display:none;--reel:12s;margin:0 0 22px}html body main.login-shell .login-reel-stage{position:relative;height:124px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:rgba(15,23,70,.22)}html body main.login-shell .login-reel-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;opacity:0;animation:login-reel-scene var(--reel) linear infinite both;animation-delay:var(--at)}html body main.login-shell .login-reel-scene.connect{--at:0s;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}html body main.login-shell .login-reel-scene.unify{--at:4s;flex-direction:column;gap:10px;color:#ffffff;font-size:.875rem}html body main.login-shell .login-reel-scene.ask{--at:8s;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}html body main.login-shell .login-reel-source{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.92);color:#14213d;font-size:.8125rem;font-weight:700;white-space:nowrap;animation:login-reel-gather var(--reel) ease-in-out infinite both;animation-delay:var(--at)}html body main.login-shell .login-reel-source svg{flex:none;color:#2563eb}html body main.login-shell .login-reel-source:nth-child(odd){--from:-18px}html body main.login-shell .login-reel-source:nth-child(2n){--from:18px}html body main.login-shell .login-reel-core{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fb923c;color:#14213d;box-shadow:0 0 26px rgba(251,146,60,.7)}html body main.login-shell .login-reel-core i{position:absolute;inset:0;border:2px solid #fdba74;border-radius:50%;animation:login-reel-ring 2s ease-out infinite}html body main.login-shell .login-reel-core i+i{animation-delay:1s}html body main.login-shell .login-reel-answer,html body main.login-shell .login-reel-question{max-width:88%;padding:7px 11px;border-radius:12px;font-size:.8125rem;line-height:1.35;font-weight:600}html body main.login-shell .login-reel-question{align-self:flex-end;background:#fb923c;color:#14213d;animation:login-reel-say var(--reel) ease-out infinite both;animation-delay:var(--at)}html body main.login-shell .login-reel-answer{align-self:flex-start;background:rgba(255,255,255,.92);color:#14213d;animation:login-reel-say var(--reel) ease-out infinite both;animation-delay:calc(var(--at) + .9s)}html body main.login-shell .login-reel-answer em{display:flex;align-items:center;gap:4px;margin-top:3px;color:#1d4ed8;font-size:.75rem;font-style:normal;font-weight:700}html body main.login-shell .login-reel-steps{display:flex;justify-content:center;gap:18px;margin:10px 0 0;padding:0;list-style:none}html body main.login-shell .login-reel-steps li{color:#ffffff;font-size:.8125rem;font-weight:700;opacity:.5;animation:login-reel-step var(--reel) linear infinite both}html body main.login-shell .login-reel-steps li:nth-child(2){animation-delay:4s}html body main.login-shell .login-reel-steps li:nth-child(3){animation-delay:8s}@keyframes login-reel-scene{0%{opacity:0}3%,30%{opacity:1}33.3%,to{opacity:0}}@keyframes login-reel-gather{0%{opacity:0;transform:translateX(var(--from))}24%,7%{opacity:1;transform:none}31%,to{opacity:.4;transform:scale(.8)}}@keyframes login-reel-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes login-reel-say{0%{opacity:0;transform:translateY(8px)}4%,to{opacity:1;transform:none}}@keyframes login-reel-step{0%{opacity:.5}3%,30%{opacity:1;color:#fdba74}33.3%,to{opacity:.5}}@media(max-width:960px),(pointer:coarse) and (max-width:1100px){html body main.login-shell .login-reel{display:block}}@media(max-height:560px){html body main.login-shell .login-reel{display:none}}@media(prefers-reduced-motion:reduce){html body main.login-shell :is(.login-reel-scene,.login-reel-source,.login-reel-core i,.login-reel-question,.login-reel-answer,.login-reel-steps li){animation:none}html body main.login-shell .login-reel-scene.connect,html body main.login-shell .login-reel-steps li{opacity:1}}