.auth-page{min-height:calc(100vh - var(--nav-height));padding:var(--space-8) var(--space-4);background-image:radial-gradient(circle at 10% 20%, #00b4d814 0%, transparent 40%), radial-gradient(circle at 90% 80%, #52b78814 0%, transparent 40%), var(--gray-50);background-size:200% 200%;justify-content:center;align-items:center;animation:15s infinite alternate mesh-movement;display:flex}@keyframes mesh-movement{0%{background-position:0%}to{background-position:100%}}.auth-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:440px;padding:var(--space-8);transition:transform var(--transition-base), box-shadow var(--transition-base);border:1px solid #ffffff80;margin:0 auto}.auth-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #00000014}.auth-card__header{text-align:center;margin-bottom:var(--space-6)}.auth-card__icon{margin-bottom:var(--space-3);font-size:2.5rem;display:inline-block}.auth-card__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--dark);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--gray-500);line-height:var(--leading-normal)}.auth-social{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.btn--google{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300);box-shadow:var(--shadow-xs);font-weight:var(--weight-medium);transition:all var(--transition-fast)}.btn--google:hover{background:var(--gray-50);border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--facebook{color:var(--white);box-shadow:var(--shadow-xs);font-weight:var(--weight-medium);transition:all var(--transition-fast);background:#1877f2;border:1px solid #1877f2}.btn--facebook:hover{box-shadow:var(--shadow-md);background:#166fe5;border-color:#166fe5;transform:translateY(-1px)}.btn__social-icon{flex-shrink:0;width:20px;height:20px}.auth-divider{text-align:center;margin:var(--space-6) 0;color:var(--gray-400);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.5px;align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--gray-200);flex:1}.auth-divider span{padding:0 var(--space-3)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-terms{margin-top:var(--space-6);text-align:center;font-size:var(--text-xs);color:var(--gray-500);line-height:var(--leading-relaxed)}.auth-terms a{color:var(--ocean-blue);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.auth-terms a:hover{color:var(--caribbean-blue-dark)}.auth-callout{border-radius:var(--radius-xl);padding:var(--space-4);align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);text-align:left;background:#00b4d814;border:1px solid #00b4d833;display:flex}.auth-callout__icon{flex-shrink:0;margin-top:2px;font-size:1.25rem}.auth-callout__text{font-size:var(--text-xs);color:var(--gray-700);line-height:var(--leading-normal)}.phone-input-group{border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);transition:all var(--transition-fast);align-items:center;display:flex;overflow:hidden}.phone-input-group:focus-within{border-color:var(--caribbean-blue);box-shadow:0 0 0 3px #00b4d826}.phone-input-group__prefix{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-3);background:var(--gray-50);border-right:1px solid var(--gray-200);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--gray-700);-webkit-user-select:none;user-select:none;flex-shrink:0;display:flex}.phone-input-group__input{padding-left:var(--space-3);border:none;width:100%;box-shadow:none!important}.phone-input-group__input:focus{border:none;box-shadow:none!important}@media (width<=480px){.auth-card{padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl)}.auth-card__title{font-size:var(--text-2xl)}}