.hero-gradient {
            background: linear-gradient(135deg, rgba(30, 58, 138, 0.9) 0%, rgba(55, 48, 163, 0.9) 100%);
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -1.5rem;
            top: 0;
            height: 100%;
            width: 3px;
            background: #4f46e5;
        }
        .search-box {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
        }

        /* estilos css da pagina de login */
        
         .hero-gradient {
            background: linear-gradient(135deg, rgba(30, 58, 138, 0.9) 0%, rgba(55, 48, 163, 0.9) 100%);
        }
        .form-input:focus {
            border-color: rgba(79, 70, 229, 0.8);
            box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2);
        }
        .password-toggle {
            cursor: pointer;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }