.login-page{background:radial-gradient(circle at 10% 20%, rgba(var(--app-primary-rgb) / .08), transparent 40%), radial-gradient(circle at 90% 80%, rgba(var(--app-primary-light-rgb) / .08), transparent 38%), #f4f6f9;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.login-page__shell{z-index:1;flex:1;grid-template-columns:1fr;min-height:0;display:grid;position:relative}@media (min-width:1024px){.login-page__shell{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}.login-page__brand{color:#fff;background:linear-gradient(145deg,#1a1d24 0%,#12151b 48%,#1a1214 100%);border-right:1px solid #ffffff14;padding:3rem 2.5rem;display:none}@media (min-width:1024px){.login-page__brand{justify-content:center;align-items:center;padding:3rem clamp(3rem,6vw,5rem);display:flex}}.login-page__brand-inner{width:100%;max-width:32rem}.login-page__brand-logo{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:1.25rem;display:inline-flex;box-shadow:0 8px 24px #0003}.login-page__brand-logo-img{-o-object-fit:contain;object-fit:contain;width:3.25rem;height:3.25rem}.login-page__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#ffffff9e;margin:0 0 .75rem;font-size:.75rem;font-weight:700}.login-page__title{color:#fff;text-shadow:0 8px 28px #00000059;margin:0;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.05}.login-page__subtitle{color:#ffffffc7;margin:1rem 0 0;font-size:clamp(1rem,2vw,1.15rem);font-weight:500}.login-page__features{gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.login-page__features li{color:#ffffffb8;padding-left:1.25rem;font-size:.95rem;position:relative}.login-page__features li:before{content:"";background:linear-gradient(135deg, var(--app-primary-light), var(--app-primary-active));width:.45rem;height:.45rem;box-shadow:0 0 10px rgba(var(--app-primary-rgb) / .55);border-radius:9999px;position:absolute;top:.55rem;left:0}.login-page__panel{justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex}.login-page__card{text-align:center;background:#fff;border:1px solid #e8ebf0;border-radius:12px;width:100%;max-width:26rem;padding:2rem 2rem 1.75rem;position:relative;box-shadow:0 12px 32px #0f172a14}.login-page__locale{z-index:2;position:absolute;top:.85rem;right:.85rem}.login-page__locale .app-header-locale{min-width:5.5rem}.login-page__logo-wrap{width:5.5rem;height:5.5rem;box-shadow:0 8px 20px rgba(var(--app-primary-rgb) / .12);background:#fff;border:1px solid #eef1f5;border-radius:14px;justify-content:center;align-items:center;margin:2.25rem auto 1rem;display:inline-flex}.login-page__logo{-o-object-fit:contain;object-fit:contain;width:4rem;height:4rem}.login-page__welcome{letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;margin:0;font-size:.75rem;font-weight:700}.login-page__card-title{color:var(--app-primary);margin:.35rem 0 0;font-size:1.75rem;font-weight:800}.login-page__description{color:#6b7280;margin:.75rem 0 1.5rem;font-size:.95rem;line-height:1.6}.login-page__sign-in{color:#fff;background:linear-gradient(135deg, var(--app-primary-light) 0%, var(--app-primary) 52%, var(--app-primary-active) 100%);width:100%;box-shadow:0 8px 20px rgba(var(--app-primary-rgb) / .32);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex}.login-page__sign-in:hover{filter:brightness(1.03);box-shadow:0 10px 24px rgba(var(--app-primary-rgb) / .38);transform:translateY(-1px)}.login-page__sign-in:active{transform:translateY(0)}.login-page__sign-in-icon{font-size:1.1rem}.login-page__secure{color:#9ca3af;margin:1rem 0 0;font-size:.78rem}.login-page__footer{color:#9ca3af;border-top:1px solid #eef1f5;margin:1.25rem 0 0;padding-top:1rem;font-size:.75rem}@media (max-width:767px){.login-page{overflow:hidden auto}.login-page__panel{align-items:flex-start;padding:1rem 1rem 1.5rem}.login-page__card{padding:1.5rem 1.25rem 1.25rem}.login-page__locale{top:.65rem;right:.65rem}.login-page__logo-wrap{width:4.75rem;height:4.75rem;margin-top:2rem}.login-page__logo{width:3.5rem;height:3.5rem}.login-page__card-title{font-size:1.5rem}}@media (min-width:768px) and (max-width:1023px){.login-page__panel{padding:2rem 2rem 2.5rem}.login-page__card{max-width:28rem}}