.auth-login{justify-content:flex-start;padding:var(--space-xl);border-radius:var(--radius-md);max-width:600px;background:var(--color-bg-card);border:1px solid var(--color-border)}.auth-login,.auth-login form{display:flex;flex-direction:column;height:100%}.auth-login-stack{width:100%}.auth-login-title{font-weight:700;margin:0;text-align:center;font-size:var(--font-size-lg,1.25rem);color:var(--color-text-primary)}.auth-login-subtitle{margin-bottom:var(--space-md);text-align:center;color:var(--color-text-secondary)}.auth-actions{margin-top:var(--space-xs);display:flex;flex-direction:column}.auth-hint{color:var(--color-text-muted);margin:var(--space-xs) 0 var(--space-2xs);text-align:left;font-size:var(--font-size-xs)}.auth-bottom{margin-top:auto;padding-top:var(--space-md);display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}.auth-center,.auth-register{display:flex;align-items:center;justify-content:center}.auth-register{width:100%;gap:var(--space-md);margin-bottom:0}.auth-register-link--cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs,6px);flex-wrap:nowrap;white-space:nowrap;text-decoration:none!important;font-size:var(--font-size-sm,.875rem);font-weight:700;line-height:1.25;color:var(--auth-link)!important}.auth-register-link--cta:hover{color:var(--auth-link-hover)!important}.auth-register-link--cta svg{flex-shrink:0;display:block}.auth-register-text{color:var(--color-text-muted);margin-right:var(--space-2xs);font-size:var(--font-size-xs)}.auth-bottom .auth-forgot-bottom,.auth-bottom .auth-forgot-inline,.auth-bottom>#forgot-password{display:none!important}.auth-page-shell--login .auth-form-panel .auth-login{max-width:none;padding:0;background:transparent;border:none;box-shadow:none}.auth-page-shell--login-desktop .auth-login,.auth-page-shell--login-mobile .auth-login{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;max-width:none!important}.auth-login--shell .auth-check-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto}.login-welcome{text-align:center}.login-welcome__title{font-size:var(--text-h2,1.75rem);font-weight:800;color:var(--color-text-primary);margin:0 0 var(--space-2xs);letter-spacing:-.03em;line-height:1.15}.login-welcome__highlight{color:var(--accent-main)}.login-welcome__subtitle{font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary);margin:0;line-height:1.5}.login-rewards-card{display:flex;align-items:center;gap:var(--space-sm);width:100%;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent-main) 22%,var(--color-border));border-radius:var(--radius-md,14px);padding:var(--space-sm) var(--space-md);cursor:pointer;text-align:left;box-shadow:none;transition:border-color .15s ease,transform .1s ease;box-sizing:border-box}.login-rewards-card:active,.login-rewards-card:hover{border-color:var(--accent-border);transform:translateY(-1px)}.login-rewards-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent-main)}.login-rewards-card__svg-bg{fill:var(--accent-soft)}.login-rewards-card__svg-gift{color:var(--accent-main)}.login-rewards-card__text{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.login-rewards-card__title{font-size:var(--font-size-sm,.8125rem);font-weight:700;color:var(--color-text-primary);line-height:1.3}.login-rewards-card__sub{font-size:var(--font-size-xs,.72rem);color:var(--color-text-secondary);line-height:1.4}.login-rewards-card__arrow{flex-shrink:0;color:var(--accent-main);display:flex;align-items:center}.auth-page-shell--login .gradient-login-btn--ref{position:relative;justify-content:center;padding:0 52px 0 var(--space-md);min-height:48px}.auth-page-shell--login .gradient-login-btn--ref:hover{transform:translateY(-1px)}.gradient-login-btn__arrow-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--auth-btn-text) 22%,transparent);color:var(--auth-btn-text)}.auth-page-shell--login-mobile .auth-bottom{margin-top:auto;flex-shrink:0;padding-top:var(--space-sm);padding-bottom:max(var(--space-md,16px),env(safe-area-inset-bottom,0px))}.auth-page-shell--login-mobile .auth-login{flex:1 1;display:flex!important;flex-direction:column;min-height:0}.auth-page-shell--login-mobile .auth-login form{flex:1 1;display:flex;flex-direction:column;min-height:0}.auth-page-shell--login .auth-divider-row{width:100%;max-width:100%}.login-form-skeleton{display:flex;flex-direction:column;gap:var(--space-md,12px);padding:var(--space-sm,8px) 0}.login-form-skeleton__field{height:48px;border-radius:var(--radius-sm,8px);background:color-mix(in srgb,var(--color-border,#334155) 35%,transparent)}.login-form-skeleton__btn{height:48px;border-radius:var(--radius-sm,8px);margin-top:var(--space-xs,4px);background:color-mix(in srgb,var(--color-primary,#2563eb) 25%,transparent)}@media screen and (max-width:900px){.auth-page-shell--login-mobile{display:flex;flex-direction:column;flex:1 1;min-height:100%;width:100%}.auth-page-shell--login-mobile>.layout-container{flex:1 1 auto;display:flex;flex-direction:column;width:100%;min-height:0;box-sizing:border-box}.auth-page-shell--login-mobile .login-mobile-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;margin-inline:0;padding:var(--space-xs) 0 var(--space-lg);gap:var(--space-md);box-sizing:border-box}.auth-page-shell--login-mobile .login-welcome{width:100%;text-align:center}.auth-page-shell--login-mobile .login-rewards-card{width:100%;box-sizing:border-box}.auth-page-shell--login-mobile .auth-form-panel,.auth-page-shell--login-mobile .auth-login,.auth-page-shell--login-mobile .auth-login form,.auth-page-shell--login-mobile .auth-login-stack{width:100%;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;box-sizing:border-box}.auth-page-shell--login-mobile .auth-actions,.auth-page-shell--login-mobile .auth-check-row,.auth-page-shell--login-mobile .auth-field,.auth-page-shell--login-mobile .auth-hint-box{width:100%;box-sizing:border-box}.auth-page-shell--login-mobile .auth-check-row{align-items:center}.auth-page-shell--login-mobile .auth-hint-box{text-align:left}.auth-page-shell--login-mobile .gradient-login-btn--ref{width:100%;box-sizing:border-box}.auth-page-shell--login-mobile .auth-bottom{width:100%;margin-top:auto;padding-top:var(--space-md);align-items:center;text-align:center}.auth-page-shell--login-mobile .auth-divider-row{width:100%;max-width:100%;margin-left:0;margin-right:0}.auth-page-shell--login-mobile .auth-register{width:100%;justify-content:center}}.auth-login-banner{display:flex;flex-direction:column;gap:12px;max-width:700px;height:100%;width:100%}.auth-login-banner__image-wrapper{position:relative;width:100%;height:auto;border-radius:8px;overflow:hidden}.auth-login-banner__image-wrapper img{width:100%;height:auto;object-fit:cover;border-radius:8px}.auth-login-banner__image{width:100%;height:100%;object-fit:cover}.auth-login-banner-slide,.auth-login-banner-swiper,.auth-login-banner-swiper-wrap{width:100%}.auth-login-banner-swiper-wrap{border-radius:10px;overflow:hidden;height:100%}.auth-login-banner .banner-items,.auth-login-banner .main-banner-item-link{width:100%;height:100%;display:block}.auth-login-banner .banner-items{object-fit:cover;object-position:center}@media screen and (max-width:900px){.auth-login-banner,.auth-login-banner .main-banner-item-link,.auth-login-banner-swiper,.auth-login-banner-swiper .swiper-slide,.auth-login-banner-swiper .swiper-wrapper,.auth-login-banner-swiper-wrap{height:100%}}.auth-login-mobile-banner-wrapper{width:100%;margin-top:40px}.auth-login-mobile-banner{width:100%;display:flex;justify-content:center;border-radius:10px;overflow:hidden}.auth-login-mobile-banner-img{width:100%;height:auto;max-width:600px;border-radius:8px}.auth-login-mobile-slide,.auth-login-mobile-swiper,.auth-login-mobile-swiper-wrap{width:100%}.auth-login-mobile-swiper .swiper-slide{aspect-ratio:16/10;overflow:hidden}.auth-login-mobile-banner .banner-items,.auth-login-mobile-banner .main-banner-item-link{width:100%;height:100%;display:block}.auth-login-mobile-banner .banner-items{object-fit:cover;object-position:center}@media screen and (max-width:900px){.auth-login-mobile-banner-wrapper{display:none}}