body {
    margin: 0;
    font-family: "Trebuchet MS", Arial, sans-serif;
    background: #eef2f7;
    color: #222;
    line-height: 1.7;
}

/* HEADER */
header {
    background: linear-gradient(90deg, #0a4d8c, #0073e6);
    color: white;
    text-align: center;
    padding: 80px 20px;
}

header h1 {
    margin: 0;
    font-size: 42px;
    letter-spacing: 1px;
}

/* MAIN WRAPPER */
.section {
    max-width: 1100px;
    margin: auto;
    padding: 40px 20px;
    perspective: 1000px;
}

/* CARDS (MAIN CONTENT) */
.card {
    background: white;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    transition: transform 0.2s ease;
}

.card:hover {
    transform: translateZ(10px);
}

/* HEADINGS */
h2 {
    color: #0a4d8c;
    margin-bottom: 15px;
    border-left: 5px solid #0073e6;
    padding-left: 10px;
}