:root{
            --primary:#1d5cff;
            --secondary:#003567;
            --accent:#ffc107;
            --dark:#081a3a;
            --light:#f5f7fb;
        }

        body{
            font-family:'Inter',sans-serif;
            background:#f5f7fb;
            color:#0f172a;
            overflow-x:hidden;
        }

        html{
            scroll-behavior:smooth;
        }

        .navbar{
            background:rgba(255,255,255,0.95);
            backdrop-filter:blur(10px);
            box-shadow:0 4px 20px rgba(0,0,0,0.06);
        }

        .navbar-brand{
            font-weight:800;
            color:var(--secondary)!important;
            font-size:28px;
        }

        .nav-link{
            font-weight:600;
            color:#334155!important;
            margin:0 10px;
        }

        .btn-main{
            background:linear-gradient(135deg,#1d5cff,#4f46e5);
            border:none;
            color:#fff;
            padding:14px 28px;
            border-radius:50px;
            font-weight:700;
            transition:0.3s;
            box-shadow:0 10px 30px rgba(29,92,255,0.25);
        }

        .btn-main:hover{
            transform:translateY(-3px);
            color:#fff;
        }

        .btn-outline-main{
            border:2px solid #fff;
            color:#fff;
            padding:14px 28px;
            border-radius:50px;
            font-weight:700;
        }

        .hero{
            position:relative;
            padding:140px 0 120px;
            background:
            linear-gradient(rgba(0,53,103,0.85),rgba(0,53,103,0.85)),
            url('../images/bg.jpg');
            background-size:cover;
            background-position:center;
            overflow:hidden;
        }

        .hero h1{
            font-size:64px;
            font-weight:800;
            line-height:1.1;
            color:#fff;
        }

        .hero p{
            color:rgba(255,255,255,0.9);
            font-size:18px;
            line-height:1.8;
        }

        .hero-card{
            background:rgba(255,255,255,0.96);
            border-radius:28px;
            padding:40px;
            box-shadow:0 25px 80px rgba(0,0,0,0.2);
        }

        .hero-card h4{
            color:var(--secondary);
            font-weight:800;
            margin-bottom:25px;
        }

        .form-control{
            height:55px;
            border-radius:14px;
            border:1px solid #dbe2ea;
            margin-bottom:18px;
        }

        textarea.form-control{
            height:120px;
        }

        .section{
            padding:100px 0;
        }

        .section-title{
            font-size:48px;
            font-weight:800;
            color:var(--secondary);
            margin-bottom:20px;
        }

        .section-sub{
            max-width:760px;
            margin:auto;
            color:#64748b;
            font-size:18px;
        }

        .glass-card{
            background:#fff;
            border-radius:28px;
            padding:45px;
            box-shadow:0 15px 50px rgba(0,0,0,0.06);
            height:100%;
        }

        .glass-card h3,
        .glass-card h4{
            color:var(--secondary);
            font-weight:800;
        }

        .glass-card p,
        .glass-card li{
            color:#64748b;
            line-height:1.9;
        }

        .icon-box{
            width:80px;
            height:80px;
            border-radius:22px;
            background:linear-gradient(135deg,#1d5cff,#4f46e5);
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            font-size:34px;
            margin-bottom:25px;
        }

        .cta-section{
            background:linear-gradient(135deg,#003567,#1d5cff);
            border-radius:40px;
            padding:80px;
            color:#fff;
        }

        .privacy-box,
        .contact-box{
            background:#fff;
            border-radius:30px;
            padding:60px;
            box-shadow:0 15px 50px rgba(0,0,0,0.05);
        }

        .contact-item{
            display:flex;
            align-items:center;
            margin-bottom:20px;
        }

        .contact-icon{
            width:60px;
            height:60px;
            border-radius:18px;
            background:linear-gradient(135deg,#1d5cff,#4f46e5);
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-right:20px;
            font-size:22px;
        }

        footer{
            background:#081a3a;
            color:rgba(255,255,255,0.75);
            padding:40px 0;
        }

        footer a{
            color:#fff;
            text-decoration:none;
        }

        .badge-mini{
            background:rgba(255,255,255,0.12);
            color:#fff;
            display:inline-block;
            padding:10px 20px;
            border-radius:50px;
            margin-bottom:30px;
            font-weight:600;
        }

        ul{
            padding-left:20px;
        }

        @media(max-width:991px){

            .hero{
                text-align:center;
                padding:100px 0 80px;
            }

            .hero h1{
                font-size:42px;
            }

            .hero-card{
                margin-top:50px;
            }

            .section-title{
                font-size:34px;
            }

            .cta-section{
                padding:50px 30px;
            }

            .privacy-box,
            .contact-box{
                padding:40px 30px;
            }

        }