.hero-section {
            background: linear-gradient(135deg, #0d6efd, #4a86ff);
            color: white;
            padding: 100px 0;
        }
        .feature-card {
            transition: transform 0.3s;
            border-radius: 10px;
            overflow: hidden;
            border: none;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .feature-card:hover {
            transform: translateY(-10px);
        }
        .nav-item {
            margin: 0 10px;
        }
        .teacher-btn {
            background-color: #0d6efd;
            border-radius: 20px;
            color: white;
        }
        .teacher-btn:hover {
            background-color: #0b5ed7;
            color: white;
        }
        .footer {
            background-color: #0d1b2a;
            color: white;
            padding: 30px 0;
        }
        .btn-outline-light:hover {
            background-color: #fff;
            color: #0d6efd;
        }