*{
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
}

body{
    margin:0;
    background:#0a1a2f;
    color:#ffffff;
    line-height:1.7;
}

/* Header */
header{
    text-align:center;
    padding:15px 25px 5px 25px; /* reduced gap */
}

.logo{
    width:150px;
    max-width:100%;
    height:auto;
    margin-bottom:10px;
    background:#0a1a2f;
}

nav a{
    margin:0 12px;
    color:#4aa3ff;
    text-decoration:none;
    font-weight:600;
    transition:color 0.3s ease;
}

nav a:hover{
    color:#7fc2ff;
}

/* Main */
main{
    max-width:900px;
    margin:auto;
    padding:10px 20px 20px;
}

h1{
    text-align:center;
    margin-top:0;       /* removes extra space */
    margin-bottom:10px;
}

.subtitle{
    text-align:center;
    color:#b5b5b5;
    margin-bottom:35px;
    font-size:18px;
}

/* Content sections */
.intro p{
    margin-bottom:18px;
    color:#e6e6e6;
}

.why-choose{
    margin-top:35px;
    background:#111f35;
    padding:20px;
    border-radius:10px;
    border-left:4px solid #4aa3ff;
}

.why-choose h2{
    margin-top:0;
    color:#4aa3ff;
}

.why-choose ul{
    padding-left:20px;
    margin:0;
}

.why-choose li{
    margin-bottom:10px;
}

/* Call to action */
.cta{
    text-align:center;
    margin-top:35px;
    font-size:18px;
    font-weight:600;
    color:#ffffff;
}

/* Links */
a{
    color:#4aa3ff;
}

/* Footer */
footer{
    text-align: center;
    padding: 15px 10px;   /* reduced padding for a tighter look */
    color: #9a9a9a;
    font-size: 14px;
    margin-top: 0;        /* removes extra space above footer */
}