.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--bg-primary);background-image:radial-gradient(ellipse at top left,rgba(16,185,129,.08) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(ellipse at center,rgba(139,92,246,.05) 0,transparent 60%)}.auth-card{width:100%;max-width:420px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:0 4px 24px rgba(0,0,0,.4),0 0 60px rgba(16,185,129,.05);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-logo{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.auth-logo svg{color:var(--accent-green)}.auth-logo span{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.auth-header h1{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:var(--text-muted);font-size:.875rem}.social-buttons{flex-direction:column;margin-bottom:var(--spacing-xl)}.social-button,.social-buttons{display:flex;gap:var(--spacing-md)}.social-button{align-items:center;justify-content:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.social-button:hover{background:var(--bg-card-hover);border-color:var(--accent-green);transform:translateY(-1px)}.social-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-button svg{width:20px;height:20px;flex-shrink:0}.social-button.google:hover{border-color:#4285f4}.social-button.apple:hover{border-color:#ffffff}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--border-color)}.phone-form{gap:var(--spacing-md)}.input-group,.phone-form{display:flex;flex-direction:column}.input-group{gap:var(--spacing-xs)}.input-group label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.phone-input-row{display:flex;gap:var(--spacing-sm)}.phone-input{flex:1;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all .2s ease}.phone-input:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.phone-input::placeholder{color:var(--text-muted)}.send-code-button{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-green),#059669);border:none;border-radius:var(--radius-md);color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.send-code-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(16,185,129,.3)}.send-code-button:disabled{opacity:.6;cursor:not-allowed}.otp-container{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-md) 0}.otp-input{width:200px;height:56px;letter-spacing:.5em;text-align:center;font-size:1.5rem;font-weight:600;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all .2s ease}.otp-input:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.verify-button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--accent-green),#059669);border:none;border-radius:var(--radius-md);color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.verify-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(16,185,129,.3)}.verify-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:var(--accent-red-dim);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--accent-red)}.error-message,.success-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:.875rem}.success-message{background:var(--accent-green-dim);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--accent-green)}.back-button{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-sm);background:transparent;border:none;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:color .2s ease}.back-button:hover{color:var(--text-primary)}.auth-loading{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:initial;border-radius:50%;animation:spin .8s linear infinite}
/*# sourceMappingURL=4b257fe36d9a9a10.css.map*/