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

body {
    background: linear-gradient(135deg,#06142b,#0a1f44,#0d2c63);
    color:white;
    overflow-x:hidden;
    scroll-behavior:smooth;
}        .container { max-width: 700px; margin: 100px auto; padding: 20px; background: rgba(255,255,255,0.05); border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
        h1 { color: #4da3ff; text-align: center; margin-bottom: 20px; }
        form { display: flex; flex-direction: column; gap: 16px; }
        input, textarea { padding: 12px; border-radius: 12px; border: none; outline: none; font-size: 15px; }
        input[type="submit"] { background: #4da3ff; color: #fff; cursor: pointer; font-weight: 600; transition: 0.3s; }
        input[type="submit"]:hover { background: #3a88d6; transform: translateY(-2px); }
        .message { text-align: center; margin-top: 16px; font-weight: 600; }
        label { font-weight: 500; }
		.navbar { display: flex; justify-content: space-between; align-items: center; padding: 20px 60px; position: fixed; width: 100%; top: 0; backdrop-filter: blur(12px); background: rgba(6,20,43,0.6); z-index: 1000; }
        .nav-links a { margin-left: 30px; text-decoration: none; color: #cfe6ff; font-weight: 500; transition: 0.3s; }
        .nav-links a:hover { color: white; }
		.logo { font-size: 26px; font-weight: 800; color: #4da3ff; letter-spacing: 1px; }

.navbar { display:flex; justify-content:space-between; align-items:center; padding:20px 60px; position:fixed; width:100%; top:0; backdrop-filter:blur(12px); background:rgba(6,20,43,0.6); z-index:1000; }
.logo { font-size:26px; font-weight:800; color:#4da3ff; letter-spacing:1px; }
.nav-links { display:flex; }
.nav-links a { margin-left:30px; text-decoration:none; color:#cfe6ff; font-weight:500; transition:0.3s; }
.nav-links a:hover { color:white; }
.menu-toggle { display:none; font-size:28px; cursor:pointer; color:#4da3ff; }

/* ===== ANIMATION ===== */
.fade-up {
    opacity:0;
    transform:translateY(40px);
    transition:1s;
}

.fade-up.visible {
    opacity:1;
    transform:translateY(0);
}

/* ===== TABLET ===== */
@media (max-width:1024px) {
    .navbar { padding:20px 30px; }
    .hero { padding:120px 30px 60px; text-align:center;min-height:0; }
    .btns { justify-content:center; flex-wrap:wrap; }
	#image-hero {display:none;}
}

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

    .menu-toggle { display:block; }

    .nav-links {
        position:absolute;
        top:70px;
        right:0;
        width:100%;
        background:rgba(6,20,43,0.97);
        flex-direction:column;
        align-items:center;
        display:none;
        padding:20px 0;
    }

    .nav-links.active { display:flex; }

    .nav-links a {
        margin:15px 0;
        font-size:18px;
    }

    .hero {
        flex-direction:column;
        gap:40px;
    }

    .hero-text { max-width:100%; }

    .btns {
        flex-direction:column;
        gap:15px;
    }

    .btn { width:100%; }

    .features { padding:80px 20px; }
}

/* ===== SMALL MOBILE ===== */
@media (max-width:480px) {
    .logo { font-size:22px; }
}

/* ===== FOOTER ===== */
footer {
    padding:30px;
    text-align:center;
    color:#9ecbff;
    background:#06142b;
}