*{
            scroll-behavior: smooth;
        }

        body{
            font-family: 'Segoe UI', sans-serif;
        }

        .navbar{
            background: rgba(32, 40, 150);
            backdrop-filter: blur(8px);
        }

        .hero{
            height: 100vh;
            background:
            linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),
            url('img/Image_20260217_0001-1536x1074.png') center/cover;
            display:flex;
            align-items:center;
            color:white;
        }

        .hero h1{
            font-size:4rem;
            font-weight:800;
        }

        .section-title{
            font-size:2.5rem;
            font-weight:700;
            margin-bottom:20px;
            color:#0d3b66;
        }

        .btn-main{
            background:#f4b400;
            border:none;
            color:#000;
            font-weight:700;
            padding:12px 25px;
            border-radius:50px;
        }

        .btn-main:hover{
            background:#ffca2c;
        }

        .card-hover{
            transition:.3s;
            border:none;
            border-radius:20px;
            overflow:hidden;
        }

        .card-hover:hover{
            transform:translateY(-8px);
            box-shadow:0 15px 35px rgba(0,0,0,.15);
        }

        .stats{
            background:#0d3b66;
            color:white;
        }

        .gallery img{
            width:100%;
            height:260px;
            object-fit:cover;
            border-radius:15px;
            transition:.3s;
        }

        .gallery img:hover{
            transform:scale(1.03);
        }

        .contact-box{
            background:#f8f9fa;
            padding:40px;
            border-radius:25px;
        }

        footer{
            background:#081c2c;
            color:white;
        }

        .whatsapp{
            position:fixed;
            width:65px;
            height:65px;
            bottom:25px;
            right:25px;
            background:#25d366;
            color:white;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:2rem;
            text-decoration:none;
            z-index:999;
            box-shadow:0 5px 20px rgba(0,0,0,.3);
            animation:pulse 2s infinite;
        }

        @keyframes pulse{
            0%{transform:scale(1)}
            50%{transform:scale(1.08)}
            100%{transform:scale(1)}
        }

        .hero-buttons .btn{
            margin:10px;
        }

        @media(max-width:768px){
            .hero h1{
                font-size:2.4rem;
            }

            .section-title{
                font-size:2rem;
            }
        }