Yükleniyor...
Hoşgeldiniz! Özel teklifler için bizi takip edin.
Yükleniyor...
Yükleniyor...
Çarkıfelek

Telefon ile Giriş

Doğrulanmış telefon numaranızla giriş yapın

05XX XXX XX XX formatında giriniz
text-align: center; font-size: 24px; font-weight: 600; letter-spacing: 8px; padding-left: 16px; } .text-muted { font-size: 13px; color: var(--text-light); display: block; margin-top: 8px; } .error-message { color: var(--error); font-size: 13px; margin-top: 8px; } .auth-btn { width: 100%; padding: 16px; background: var(--primary-color); color: var(--white); border: none; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; margin-bottom: 20px; } .auth-btn:hover:not(:disabled) { background: var(--primary-hover); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .auth-btn:disabled { opacity: 0.6; cursor: not-allowed; } .auth-btn i { margin-right: 8px; } .code-sent-info { background: var(--success); color: var(--white); padding: 16px; border-radius: 12px; text-align: center; margin-bottom: 24px; } .code-sent-info i { font-size: 32px; margin-bottom: 8px; display: block; } .code-sent-info p { margin: 0; font-size: 14px; } .back-to-login { text-align: center; margin-top: 20px; } .back-to-login a, .back-to-login button { color: var(--text-light); text-decoration: none; font-size: 14px; transition: color 0.3s ease; } .back-to-login a:hover, .back-to-login button:hover { color: var(--primary-color); } .resend-code { text-align: center; margin-bottom: 16px; } .btn-link { background: none; border: none; color: var(--primary-color); cursor: pointer; font-size: 14px; font-weight: 500; padding: 8px; transition: all 0.3s ease; } .btn-link:hover { text-decoration: underline; } .btn-link i { margin-right: 6px; } @media (max-width: 480px) { .auth-container { padding: 10px; } .auth-header, .auth-body { padding: 30px 24px; } }