/* =========================================
   Global Variables & Common Styles
   ========================================= */
:root {
    --deep-blue: #0a192f;
    --blue: #007bff;
    --yellow: #ffc107;
    --light-bg: #f4f7f6;
    --white: #ffffff;
}

* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    font-family: 'Poppins', sans-serif; 
}
body { 
    background-color: var(--light-bg); 
    color: #333; 
    overflow-x: hidden; 
}

/* Common Buttons & Titles */
.btn { 
    padding: 12px 30px; 
    background: var(--yellow); 
    color: var(--deep-blue); 
    text-decoration: none; 
    font-weight: 700; 
    border-radius: 5px; 
    transition: 0.3s; 
    display: inline-block; 
    border: 2px solid var(--yellow); 
}
.btn:hover { 
    background: transparent; 
    color: var(--deep-blue); 
}

.section-title { 
    text-align: center; 
    margin-bottom: 40px; 
}
.section-title h2 { 
    font-size: 32px; 
    color: var(--deep-blue); 
    font-weight: 700; 
}
.section-title h2 span { 
    color: var(--blue); 
    border-bottom: 3px solid var(--yellow); 
}