.auth-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,3vw,2.25rem);width:100%;max-width:27rem;color:var(--on-surface);background:var(--surface-container-low);border:1px solid color-mix(in srgb,var(--outline-variant) 55%,transparent);border-radius:2rem;box-shadow:var(--elevate2);overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(65% 75% at 100% -10%,color-mix(in srgb,var(--tertiary-container) 45%,transparent),transparent 70%),radial-gradient(60% 80% at -10% 110%,color-mix(in srgb,var(--primary-container) 45%,transparent),transparent 72%);opacity:.55}.auth-card__heading{position:relative;z-index:1;display:flex;flex-direction:column;gap:.375rem;margin-bottom:.25rem}.auth-card__title{margin:0;font-size:clamp(1.5rem,2.6vw,1.75rem);font-weight:700;line-height:1.2;letter-spacing:0;color:var(--on-surface)}.auth-card__subtitle{margin:0;font-size:.9375rem;line-height:1.5;color:var(--on-surface-variant)}.auth-card__form{position:relative;display:flex;flex-direction:column;gap:1.1rem;z-index:1}.auth-card :is(.field,.button,.auth-card__social){position:relative;z-index:1}.auth-card .field{background:color-mix(in srgb,var(--surface-container) 84%,transparent);border-color:color-mix(in srgb,var(--outline) 70%,transparent)}.auth-card .field:focus-within{border-color:color-mix(in srgb,var(--primary) 78%,white 8%);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-container) 45%,transparent)}.auth-card__forgot{display:flex;justify-content:flex-end;margin-top:-.5rem;font-size:.8125rem}.auth-card__separator{display:flex;align-items:center;justify-content:center;width:100%;gap:1rem;font-size:.8125rem;color:var(--on-surface-variant);margin:.25rem 0 .1rem}.auth-card__separator>span{white-space:nowrap}.auth-card__separator:after,.auth-card__separator:before{content:"";flex:1 1;height:1px;background:var(--outline-variant)}.auth-card__social{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;border-color:color-mix(in srgb,var(--outline) 72%,transparent);color:var(--on-surface);background:color-mix(in srgb,var(--surface-container-lowest) 70%,transparent);transition:background-color .17s ease,box-shadow .17s ease,transform .17s ease}.auth-card__social span{white-space:nowrap}.auth-card__social:hover{background:color-mix(in srgb,var(--surface-container) 84%,transparent);box-shadow:var(--elevate1);transform:translateY(-1px)}.auth-card__google-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.auth-card__error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;color:var(--on-error-container);background:var(--error-container)}.auth-card__footer{margin:.3rem 0 0;text-align:center;font-size:.875rem;color:var(--on-surface-variant)}.auth-card .button{min-height:3.15rem;font-weight:700}.auth-layout--illustration .auth-card{padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.auth-layout--illustration .auth-card:before{display:none}@media (max-width:23rem){.auth-card{gap:1.25rem}.auth-card__social{padding:.75rem 1rem;font-size:.875rem}}