/* ===================================
   Login Page - Bootstrap 5 Overrides
   RedCuby Support System
   =================================== */

body {
    font-family: 'Inter', -apple-system, sans-serif;
    background: #f7f8fc;
}

.icon-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.bg-purple-subtle { background: rgba(139, 92, 246, 0.1); }
.text-purple { color: #8b5cf6 !important; }

/* Animation */
.card {
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}