@layer pages{.page--login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--ds-space-6);box-sizing:border-box}@supports (min-height: 100dvh){.page--login{min-height:100dvh}}.login-page__surface{--login-page-rim-inset: -2px;--login-page-rim-z: -1;background:var(--ds-bg-1);border:var(--ds-border-rim);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);box-shadow:var(--ds-shadow-soft);transition:box-shadow var(--ds-duration-base) ease;position:relative;width:100%;max-width:var(--ds-layout-auth-card);min-width:var(--ds-layout-auth-card-min);margin:var(--ds-space-9) auto;color:var(--ds-ink-2);box-sizing:border-box}.login-page__surface:before{content:"";position:absolute;inset:var(--login-page-rim-inset);z-index:var(--login-page-rim-z);border-radius:calc(var(--ds-radius-lg) + 2px);background:var(--ds-gradient-accent-brand);opacity:var(--ds-opacity-strong)}@media (width <= 480px){.login-page__surface{width:100%;min-width:var(--ds-layout-auth-card-min-sm);margin:var(--ds-space-8) auto}}.login-page__help{margin-top:var(--ds-space-7);text-align:center;font-size:var(--ds-text-sm);color:var(--ds-alpha-70);line-height:var(--ds-leading-normal)}.login-page__link{color:var(--ds-accent)}.login-page__register-hint{margin-top:var(--ds-space-7);text-align:center;font-size:var(--ds-text-sm);color:var(--ds-alpha-90)}.login-page__register-link{color:var(--ds-accent);text-decoration:none;transition:background-color var(--ds-duration-smooth) ease;padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-lg);font-weight:var(--ds-weight-bold)}.login-page__register-link:hover{background-color:var(--ds-alpha-10)}}