.auth-container{min-height:100vh;padding:var(--spacing-lg);background:var(--bg-primary);background-image:radial-gradient(at 0 0,#10b98114 0%,#0000 50%),radial-gradient(at 100% 100%,#3b82f614 0%,#0000 50%),radial-gradient(#8b5cf60d 0%,#0000 60%);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--spacing-2xl);animation:.5s ease-out fadeIn;box-shadow:0 4px 24px #0006,0 0 60px #10b9810d}@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{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:inline-flex}.auth-logo svg{color:var(--accent-green)}.auth-logo span{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.auth-header h1{margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--text-muted);font-size:.875rem}.social-buttons{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.social-button{justify-content:center;align-items:center;gap:var(--spacing-md);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);cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.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{flex-shrink:0;width:20px;height:20px}.social-button.google:hover{border-color:#4285f4}.social-button.apple:hover{border-color:#fff}.auth-divider{align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl)0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.phone-form{gap:var(--spacing-md);flex-direction:column;display:flex}.input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.phone-input-row{gap:var(--spacing-sm);display:flex}.phone-input{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1;font-size:1rem;transition:all .2s}.phone-input:focus{border-color:var(--accent-green);outline:none;box-shadow:0 0 0 3px #10b9811a}.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-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;border:none;font-size:.875rem;font-weight:500;transition:all .2s}.send-code-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #10b9814d}.send-code-button:disabled{opacity:.6;cursor:not-allowed}.otp-container{gap:var(--spacing-sm);margin:var(--spacing-md)0;justify-content:center;display:flex}.otp-input{text-align:center;letter-spacing:.5em;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:200px;height:56px;color:var(--text-primary);font-size:1.5rem;font-weight:600;transition:all .2s}.otp-input:focus{border-color:var(--accent-green);outline:none;box-shadow:0 0 0 3px #10b9811a}.verify-button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--accent-green),#059669);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:all .2s}.verify-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #10b9814d}.verify-button:disabled{opacity:.6;cursor:not-allowed}.error-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--accent-red-dim);border-radius:var(--radius-md);color:var(--accent-red);border:1px solid #ef44444d;font-size:.875rem;display:flex}.success-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--accent-green-dim);border-radius:var(--radius-md);color:var(--accent-green);border:1px solid #10b9814d;font-size:.875rem;display:flex}.back-button{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.875rem;transition:color .2s;display:flex}.back-button:hover{color:var(--text-primary)}.auth-loading{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}