.auth-container { max-width: 450px; margin: 100px auto; padding: 40px; background: white; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .auth-form h2 { text-align: center; margin-bottom: 30px; color: #2c3e50; font-size: 28px; } .auth-input { width: 100%; padding: 15px; margin: 10px 0; border: 2px solid #e0e0e0; border-radius: 10px; font-size: 16px; transition: border 0.3s; } .auth-input:focus { outline: none; border-color: #3498db; } .auth-button { width: 100%; padding: 15px; margin-top: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 10px; font-size: 18px; font-weight: 600; cursor: pointer; transition: transform 0.2s; } .auth-button:hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4); } .auth-switch { text-align: center; margin-top: 20px; color: #7f8c8d; } .auth-switch a { color: #3498db; text-decoration: none; font-weight: 600; } .auth-switch a:hover { text-decoration: underline; } .error-message { color: #e74c3c; text-align: center; margin-top: 15px; font-size: 14px; } .loading { text-align: center; } .spinner { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; margin: 0 auto 20px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

Вход в систему

Нет аккаунта? Зарегистрироваться

Made on
Tilda