*{
            margin:0;
            padding:0;
            box-sizing:border-box;
        }

        body{
            font-family:'Poppins', sans-serif;
            overflow-x:hidden;
            color:#222;
        }

        html{
            scroll-behavior:smooth;
        }

        /* NAVBAR */
        .custom-navbar{
            background: rgba(0,0,0,0.75);
            backdrop-filter: blur(10px);
            padding: 12px 0;
            transition: 0.3s ease;
        }

        .navbar-brand{
            font-size: 1rem;
            line-height: 1.4;
            max-width: 280px;
            white-space: normal;
        }

        .nav-link{
            color:#fff !important;
            font-weight:500;
            margin-left:10px;
            transition:0.3s;
        }

        .nav-link:hover{
            color:#ffc107 !important;
        }

        /* HERO */
        .hero-section{
            position:relative;
            min-height:100vh;
            display:flex;
            align-items:center;
            background:
                linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),
                url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=1974&auto=format&fit=crop') center/cover no-repeat;
            padding:120px 0 80px;
            overflow:hidden;
        }

        .hero-title{
            color:#fff;
            font-weight:700;
            line-height:1.2;
            font-size: clamp(2rem, 5vw, 4rem);
        }

        .hero-text{
            color:#ddd;
            font-size:1.1rem;
            max-width:600px;
        }

        .logo-box{
            background:#fff;
            border-radius:30px;
            padding:30px;
            display:inline-block;
            box-shadow:0 15px 40px rgba(0,0,0,0.25);
        }

        .main-logo{
            width:100%;
            max-width:300px;
        }

        .auto-swing{
            animation:swing 4s ease-in-out infinite;
        }

        @keyframes swing{
            0%{transform:translateY(0px);}
            50%{transform:translateY(-10px);}
            100%{transform:translateY(0px);}
        }

        /* BUTTONS */
        .btn-warning{
            background:#ffc107;
            border:none;
            font-weight:600;
        }

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

        /* FEATURES */
        .section-title{
            font-size:2.3rem;
        }

        .feature-card{
            background:#fff;
            border-radius:20px;
            padding:35px 25px;
            text-align:center;
            transition:0.3s;
            box-shadow:0 8px 25px rgba(0,0,0,0.06);
            height:100%;
        }

        .feature-card:hover{
            transform:translateY(-8px);
        }

        .icon-box{
            width:80px;
            height:80px;
            margin:auto;
            border-radius:50%;
            background:#ffc107;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom:20px;
        }

        .icon-box i{
            font-size:30px;
            color:#111;
        }

        /* POLICY */
        .policy-section{
            background:#0d1b2a;
            color:#fff;
        }

        .policy-logo{
            max-width:300px;
        }

        /* CONTACT */
        .contact-section{
            background:#f8f9fa;
        }

        .contact-btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            background:#0d1b2a;
            color:#fff;
            padding:15px 28px;
            border-radius:50px;
            text-decoration:none;
            font-weight:600;
            transition:0.3s;
            word-break:break-word;
        }

        .contact-btn:hover{
            background:#ffc107;
            color:#000;
        }

        /* FOOTER */
        .footer{
            background:#000;
            color:#bbb;
        }

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

            .navbar-brand{
                font-size:0.9rem;
                max-width:220px;
            }

            .hero-section{
                text-align:center;
                padding-top:140px;
            }

            .hero-text{
                margin:auto;
            }

            .logo-box{
                margin-top:40px;
            }

            .btn-lg{
                width:100%;
            }

            .d-flex.gap-3{
                flex-direction:column;
            }
        }

        @media(max-width:576px){

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

            .hero-text{
                font-size:1rem;
            }

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

            .feature-card{
                padding:25px 20px;
            }

            .contact-btn{
                width:100%;
                font-size:0.95rem;
                padding:14px 20px;
            }

            .main-logo{
                max-width:220px;
            }
        }