.elfis-login{--login-navy:var(--elfis-navy-950,#071629);--login-navy-900:var(--elfis-navy-900,#102746);--login-accent:var(--elfis-blue-600,#2764e7);--login-blue-100:var(--elfis-blue-100,#eaf1ff);--login-page:var(--elfis-page,#f5f7fa);--login-text:var(--elfis-text-primary,#101828);--login-muted:var(--elfis-text-secondary,#58657a);--login-card:var(--elfis-surface,#fff);--login-border:var(--elfis-border,#dde4ee);--login-success:var(--elfis-success,#16845b);--login-radius:16px;--login-shadow:0 24px 60px #0716291a;isolation:isolate;background:var(--login-page);min-height:100vh;color:var(--login-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.elfis-login a:focus-visible,.elfis-login button:focus-visible,.elfis-login input:focus-visible{outline:2px solid var(--login-accent);outline-offset:3px}.elfis-login__atmosphere{z-index:0;pointer-events:none;background:radial-gradient(900px 480px at 88% 8%,#2764e729,#0000 58%),radial-gradient(720px 420px at 6% 92%,#0716290f,#0000 55%),radial-gradient(520px 320px at 72% 78%,#16845b12,#0000 60%);position:absolute;inset:0}.elfis-login__illu{width:min(42vw,460px);height:min(52vh,420px);position:absolute;top:18%;right:4%}.elfis-login__illu-grid{opacity:.35;background-image:linear-gradient(#10274614 1px,#0000 1px),linear-gradient(90deg,#10274614 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:8% 4% 12% 18%;-webkit-mask-image:radial-gradient(at 60% 40%,#000 35%,#0000 78%);mask-image:radial-gradient(at 60% 40%,#000 35%,#0000 78%)}.elfis-login__illu-ring{border:1px dashed #2764e738;border-radius:36% 64% 48% 52%;width:220px;height:220px;animation:48s linear infinite elfis-login-spin;position:absolute;top:18%;right:12%}.elfis-login__illu-tile{-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff9e;border-radius:22px;position:absolute;box-shadow:0 18px 40px #0716291a,inset 0 1px #ffffffb3}.elfis-login__illu-tile--a{background:linear-gradient(145deg,#2764e747,#eaf1ff8c);width:148px;height:148px;top:22%;right:18%;transform:rotate(18deg)skewY(-8deg)}.elfis-login__illu-tile--b{background:linear-gradient(145deg,#16a34a33,#eaf1ff80);width:118px;height:118px;top:38%;right:38%;transform:rotate(12deg)skewY(-10deg)}.elfis-login__illu-tile--c{background:linear-gradient(145deg,#10274629,#ffffff8c);width:86px;height:86px;top:48%;right:14%;transform:rotate(22deg)skewY(-6deg)}.elfis-login__illu-glow{background:radial-gradient(circle,#2764e72e,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;top:30%;right:20%}.elfis-login__top,.elfis-login__grid,.elfis-login__footer{z-index:1;position:relative}.elfis-login__top{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1180px;margin:0 auto;padding:1.35rem 1.5rem 0;display:flex}.elfis-login__brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.elfis-login__brand img{border-radius:12px;width:40px;height:40px;display:block;box-shadow:0 8px 18px #0716291f}.elfis-login__brand span{flex-direction:column;line-height:1.15;display:flex}.elfis-login__brand strong{letter-spacing:-.03em;color:var(--login-navy);font-size:1rem}.elfis-login__brand small{color:var(--login-muted);font-size:.72rem}.elfis-login__back{color:var(--login-navy-900);font-size:.88rem;font-weight:600;text-decoration:none}.elfis-login__back:hover{color:var(--login-accent)}.elfis-login__grid{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(320px,.9fr);align-items:center;gap:3rem;width:100%;max-width:1180px;margin:0 auto;padding:2.25rem 1.5rem 1.5rem;display:grid}.elfis-login__brand-panel{padding:.25rem .5rem 0 0;animation:.42s both elfis-login-fade}.elfis-login__hero-title{letter-spacing:-.045em;color:var(--login-navy);margin:0;font-size:clamp(2rem,4vw,3.15rem);font-weight:700;line-height:1.08}.elfis-login__hero-title span{display:block}.elfis-login__hero-lead{color:var(--login-muted);max-width:26rem;margin:1rem 0 1.75rem;font-size:1.12rem;line-height:1.5}.elfis-login__benefits{gap:.85rem;max-width:26rem;margin:0;padding:0;list-style:none;display:grid}.elfis-login__benefit{align-items:flex-start;gap:.85rem;display:flex}.elfis-login__benefit-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.elfis-login__benefit-icon svg{width:18px;height:18px}.elfis-login__benefit-icon--secure{color:var(--login-success);background:color-mix(in srgb, var(--login-success) 12%, #fff)}.elfis-login__benefit-icon--ecosystem{color:var(--login-accent);background:var(--login-blue-100)}.elfis-login__benefit-icon--access{color:var(--login-navy);background:color-mix(in srgb, var(--login-navy) 8%, #fff)}.elfis-login__benefit strong{color:var(--login-navy);margin-bottom:.12rem;font-size:.94rem;display:block}.elfis-login__benefit span{color:var(--login-muted);font-size:.86rem;line-height:1.4;display:block}.elfis-login__panel{justify-content:center;animation:.48s 60ms both elfis-login-fade;display:flex}.elfis-login__card{background:var(--login-card);width:min(420px,100%);box-shadow:var(--login-shadow);border:1px solid #dde4eee6;border-radius:24px;padding:2.15rem 1.85rem 1.75rem}.elfis-login__card-head{margin-bottom:1.5rem}.elfis-login__card-head h1{letter-spacing:-.035em;color:var(--login-navy);margin:0 0 .4rem;font-size:1.7rem}.elfis-login__card-head p{color:var(--login-muted);margin:0;font-size:.95rem;line-height:1.5}.elfis-login__form{flex-direction:column;gap:1rem;display:flex}.elfis-login__form .ds-form-field label{color:#101828c7;font-size:.82rem;font-weight:700}.elfis-login__form .ds-input{border:1px solid var(--login-border);width:100%;color:var(--login-text);background:#fff;border-radius:12px;padding:.9rem .95rem}.elfis-login__form .ds-input:focus{border-color:var(--login-accent);outline:none;box-shadow:0 0 0 4px #2764e729}.elfis-login__forgot{text-align:right;margin:.45rem 0 0}.elfis-login__forgot a{color:var(--login-accent);font-size:.8rem;font-weight:700;text-decoration:none}.elfis-login__forgot a:hover{text-decoration:underline}.elfis-login__alert{color:var(--elfis-danger,#c83f49);background:#c83f4914;border:1px solid #c83f4933;border-radius:12px;padding:.8rem .95rem;font-size:.88rem;line-height:1.4}.elfis-login__submit.btn,.elfis-login__submit{background:var(--login-navy);color:#fff;border-color:var(--login-navy);border-radius:12px;width:100%;margin-top:.35rem;padding:.98rem 1rem;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 14px 32px #07162938}.elfis-login__submit:hover:not(:disabled){background:var(--login-navy-900);transform:translateY(-1px);box-shadow:0 18px 36px #07162942}.elfis-login__switch{text-align:center;color:var(--login-muted);margin:1.35rem 0 0;font-size:.9rem}.elfis-login__switch a{color:var(--login-navy);font-weight:700;text-decoration:none}.elfis-login__switch a:hover{color:var(--login-accent)}.elfis-login__home{text-align:center;margin:.7rem 0 0;font-size:.82rem}.elfis-login__home a{color:var(--login-muted);text-decoration:none}.elfis-login__home a:hover{color:var(--login-navy)}.elfis-login__footer{justify-content:space-between;align-items:flex-end;gap:1rem;width:100%;max-width:1180px;margin:0 auto;padding:0 1.5rem 1.4rem;display:flex}.elfis-login__footer p{color:var(--login-muted);margin:0;font-size:.75rem}.elfis-login__dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #dde4eee6;border-radius:18px;align-items:center;gap:.45rem;margin:0;padding:.45rem;list-style:none;display:flex;box-shadow:0 10px 28px #07162914}.elfis-login__dock li{display:flex}.elfis-login__dock-more{width:36px;height:36px;color:var(--login-muted);background:#eef2f6;border-radius:12px;justify-content:center;align-items:center;font-size:1.15rem;font-weight:600;display:inline-flex}@keyframes elfis-login-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes elfis-login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.elfis-login__brand-panel,.elfis-login__panel,.elfis-login__illu-ring{animation:none!important}.elfis-login__submit:hover:not(:disabled){transform:none}}@media (width<=900px){.elfis-login__grid{grid-template-columns:1fr;gap:1.5rem;padding-top:1.4rem}.elfis-login__panel{order:-1}.elfis-login__brand-panel{padding:0}.elfis-login__benefits{display:none}.elfis-login__hero-title{font-size:1.75rem}.elfis-login__hero-lead{margin-bottom:0}.elfis-login__illu{opacity:.45;width:260px;height:220px;top:auto;bottom:12%;right:-8%}.elfis-login__footer{text-align:center;flex-direction:column-reverse;align-items:center}}@media (width<=520px){.elfis-login__card{border-radius:20px;padding:1.55rem 1.15rem 1.35rem}.elfis-login__top,.elfis-login__grid,.elfis-login__footer{padding-left:1rem;padding-right:1rem}}.elfis-login .auth-card{background:var(--login-card);width:min(440px,100%);box-shadow:var(--login-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #dde4eee6;border-radius:24px;padding:2.15rem 1.85rem 1.75rem}.elfis-login .auth-card-head{margin-bottom:1.5rem}.elfis-login .auth-card-head h2{letter-spacing:-.035em;color:var(--login-navy);margin:0 0 .4rem;font-family:inherit;font-size:1.7rem}.elfis-login .auth-card-head p,.elfis-login .auth-switch,.elfis-login .auth-home-link{color:var(--login-muted)}.elfis-login .auth-form{width:100%}.elfis-login .auth-form .field label{color:#101828c7;font-size:.82rem;font-weight:700}.elfis-login .auth-form .field input{border:1px solid var(--login-border);width:100%;color:var(--login-text);background:#fff;border-radius:12px;padding:.9rem .95rem}.elfis-login .auth-form .field input:focus{border-color:var(--login-accent);outline:none;box-shadow:0 0 0 4px #2764e729}.elfis-login .auth-submit.btn,.elfis-login .auth-submit{background:var(--login-navy);color:#fff;border-color:var(--login-navy);border-radius:12px;width:100%;margin-top:.35rem;padding:.98rem 1rem;box-shadow:0 14px 32px #07162938}.elfis-login .auth-submit:hover:not(:disabled){background:var(--login-navy-900);box-shadow:0 18px 36px #07162942}.elfis-login .auth-switch{text-align:center;margin:1.35rem 0 0}.elfis-login .auth-switch a,.elfis-login .auth-home-link a{color:var(--login-navy);font-weight:700;text-decoration:none}.elfis-login .auth-switch a:hover,.elfis-login .auth-home-link a:hover{color:var(--login-accent)}.elfis-login .auth-home-link{text-align:center;margin:.7rem 0 0;font-size:.82rem}.elfis-login .auth-home-link a{color:var(--login-muted);font-weight:600}.elfis-login .password-reset-icon{background:var(--login-blue-100);color:var(--login-accent)}.elfis-login .password-reset-success h3{color:var(--login-navy)}.elfis-login .password-reset-success p{color:var(--login-muted)}@media (width<=520px){.elfis-login .auth-card{border-radius:20px;padding:1.55rem 1.15rem 1.35rem}}
