*{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family:Arial, sans-serif;
        }

        body{
            background:#f4f7fb;
            overflow-x:hidden;
        }

        /* NAVBAR */
        .navbar{
            width:100%;
            background:rgba(255,255,255,0.95);
            backdrop-filter:blur(10px);
            box-shadow:0 5px 20px rgba(0,0,0,0.08);
            position:sticky;
            top:0;
            z-index:999;
        }

        .nav-container{
            max-width:1300px;
            margin:auto;
            padding:16px 20px;
            display:flex;
            align-items:center;
            justify-content:space-between;
        }

        .logo img{
    max-height: 75px;
    width: auto;
}

@media (max-width:768px){
    .logo img{
        max-height: 70px;
    }
}
        /* MENU */
        .nav-menu{
            display:flex;
            align-items:center;
            list-style:none;
            gap:20px;
            flex-wrap:wrap;
        }

        .nav-menu li{
            position:relative;
        }

        .nav-menu li a{
            text-decoration:none;
            color:#111827;
            font-size:16px;
            font-weight:600;
            transition:0.3s;
            display:flex;
            align-items:center;
            gap:5px;
        }

        .nav-menu li a:hover{
            color:#2563eb;
        }

        /* DROPDOWN */
        .dropdown{
            position:absolute;
            top:45px;
            left:0;
            background:white;
            min-width:220px;
            border-radius:15px;
            box-shadow:0 10px 30px rgba(0,0,0,0.12);
            opacity:0;
            visibility:hidden;
            transform:translateY(10px);
            transition:0.3s;
            overflow:hidden;
        }

        .dropdown li{
            width:100%;
        }

        .dropdown li a{
            padding:14px 18px;
            display:block;
            color:#444;
            font-size:15px;
            border-bottom:1px solid #f1f1f1;
        }

        .dropdown li a:hover{
            background:#eff6ff;
            color:#2563eb;
            padding-left:25px;
        }

        /* SHOW DROPDOWN */
        .nav-menu li:hover .dropdown{
            opacity:1;
            visibility:visible;
            transform:translateY(0);
        }

        /* BUTTON */
        .nav-btn{
            background:#2563eb;
            color:white;
            padding:12px 24px;
            border-radius:12px;
            text-decoration:none;
            font-weight:600;
            transition:0.3s;
        }

        .nav-btn:hover{
            background:#1d4ed8;
            transform:translateY(-3px);
        }

        /* MOBILE TOGGLE */
        .menu-toggle{
            display:none;
            flex-direction:column;
            cursor:pointer;
            gap:5px;
        }

        .menu-toggle span{
            width:28px;
            height:3px;
            background:#111827;
            border-radius:10px;
            transition:0.3s;
        }

        /* MOBILE */
        @media(max-width:900px){

            .menu-toggle{
                display:flex;
            }

            .nav-menu{
                position:absolute;
                top:80px;
                left:-100%;
                width:100%;
                background:white;
                flex-direction:column;
                align-items:flex-start;
                padding:25px;
                gap:10px;
                transition:0.4s;
                box-shadow:0 10px 25px rgba(0,0,0,0.08);
            }

            .nav-menu.active{
                left:0;
            }

            .nav-menu li{
                width:100%;
            }

            .nav-menu li a{
                width:100%;
                justify-content:space-between;
                padding:12px 0;
            }

            /* MOBILE DROPDOWN */
            .dropdown{
                position:static;
                opacity:1;
                visibility:visible;
                transform:none;
                display:none;
                box-shadow:none;
                background:#f8fafc;
                margin-top:10px;
                border-radius:10px;
            }

            .dropdown.active{
                display:block;
            }

            .dropdown li a{
                padding:12px 15px;
            }

            .nav-btn{
                display:none;
            }
        }