body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(120deg, #0055FF, #00D4FF);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        /* NAVBAR */
        .navbar-custom {
            backdrop-filter: blur(10px);
            background: rgba(255,255,255,0.2);
            border-bottom: 1px solid rgba(255,255,255,0.3);
        }

        /* MENU CARD */
        .card-menu {
            border-radius: 20px;
            transition: 0.4s;
            background: rgba(255,255,255,0.2);
            backdrop-filter: blur(15px);
            color: white;
            border: 1px solid rgba(255,255,255,0.3);
        }
        .card-menu:hover {
            transform: translateY(-10px) scale(1.05);
            background: rgba(255,255,255,0.4);
            color: #003778;
        }

        h1.title {
            font-weight: 700;
            color: white;
            text-shadow: 0px 3px 10px rgba(0,0,0,0.3);
        }

        footer {
            margin-top: auto;
            text-align:center;
            padding:10px;
            color:white;
            opacity:0.8;
        }