.form-control:focus,.form-select:focus { border-color: #FFC107; box-shadow: 0 0 0 0.2rem rgba(255,193,7,0.25);} .btn-primary:hover,button[type="submit"]:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15);} a[style*="color: #FFC107"] { transition: opacity 0.3s ease;} a[style*="color: #FFC107"]:hover { opacity: 0.8;} .form-control:focus { border-color: #000000; box-shadow: 0 0 0 0.2rem rgba(11,12,79,0.1); color: #000000;} .input-group .input-group-text { border: 2px solid #e0e0e0; border-right: none; background: transparent !important; color: #000000;} .input-group .form-control { border-left: none; border: 2px solid #e0e0e0;} .input-group .form-control:focus { border-color: #000000;} .form-check { margin-top: 10px;} .form-check-input { width: 18px; height: 18px; margin-top: 4px; border: 2px solid #e0e0e0; accent-color: #000000;} .form-check-input:checked { background-color: #000000; border-color: #000000;} .form-check-label { color: #666; font-size: 14px; margin-left: 8px;} .btn-connexion { background-color: #000000; color: white; border: none; border-radius: 12px; padding: 12px 20px; font-weight: 600; font-size: 16px; width: 100%; transition: all 0.3s ease; margin-top: 10px;} .btn-connexion:hover { background-color: #404040; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(11,12,79,0.3); color: white;} .btn-connexion:active { transform: translateY(0);} .forgot-password-link { color: #000000; text-decoration: none; font-size: 13px; transition: all 0.3s ease;} .forgot-password-link:hover { color: #404040; text-decoration: underline;} .signup-link { color: #000000; text-decoration: none; font-weight: 600; transition: all 0.3s ease;} .signup-link:hover { color: #404040; text-decoration: underline;} .alert { border-radius: 12px; border: none; margin-bottom: 20px;} .alert-danger { background-color: #fee; color: #c33;} .alert-success { background-color: #efe; color: #3c3;} .features-section { margin-top: 50px;} .feature-item { text-align: center; color: white; margin-bottom: 30px;} .feature-item i { font-size: 40px; margin-bottom: 15px; opacity: 0.3;} .feature-item h6 { font-weight: 600; font-size: 14px; margin-bottom: 5px;} .feature-item small { font-size: 12px; opacity: 0.7;} .divider { border-top: 1px solid #e0e0e0; margin: 20px 0;} @media (max-width: 768px) { .connexion-card { margin-top: 20px; } .connexion-header h1 { font-size: 24px; } .features-section { margin-top: 30px; }}