/* ========================================
   GLOBAL RESET / BASE
======================================== */

body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#f5f7fa;
color:#333;
}

/* ========================================
   TYPOGRAPHY
======================================== */

h1, h3, h4{
margin:0;
font-weight:700;
color:#1D3557;
}

h2{
margin:0;
font-weight:700;
color:white;
}

h1{
font-size:42px;
line-height:1.2;
}

h2{
font-size:32px;
margin-bottom:15px;
}

h3{
font-size:22px;
margin-bottom:10px;
}

h4{
font-size:16px;
color:#555;
margin-bottom:8px;
}

p{
line-height:1.6;
color:#555;
}

/* ========================================
   HEADER / NAV
======================================== */

header{
background:#1D3557;
color:white;
padding:18px 40px;
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
font-size:20px;
font-weight:bold;
}

.logo a{
color:inherit;
text-decoration:none;
display:inline-block;
}

.logo a:hover{
opacity:0.85;
}

nav a{
color:white;
margin-left:20px;
text-decoration:none;
font-weight:bold;
}

/* ========================================
   BUTTON SYSTEM
======================================== */

.btn{
background:#F77F00;
color:white;
padding:12px 26px;
border-radius:5px;
text-decoration:none;
display:inline-block;
}

.btn.secondary{
background:#457b9d;
}

/* Work With Us (green) */
.btn.work{
background:linear-gradient(135deg, #2ecc71, #27ae60);
}

.btn.work:hover{
background:linear-gradient(135deg, #29b765, #219150);
}

/* ========================================
   FORM ELEMENTS
======================================== */

input, textarea{
width:100%;
padding:12px;
margin-top:12px;
border:1px solid #ccc;
border-radius:4px;
}

/* ========================================
   SHARED COMPONENTS
======================================== */

.page-header{
background:#e9eef5;
padding:60px;
text-align:center;
}

/* ========================================
   FOOTER
======================================== */

footer{
background:#f1f3f5;
color:#333;
padding:40px 20px;
text-align:center;
font-size:15px;
border-top:2px solid #ddd;
}

footer p{
margin:0;
font-size:16px;
}

footer a{
color:#1D3557;
text-decoration:none;
font-weight:bold;
letter-spacing:0.5px;
}

footer a:hover{
opacity:0.85;
}

/* ===== FOOTER CONTACT ===== */
.footer-contact{
margin-top:10px;
margin-bottom:10px;
}

.footer-contact p{
margin:5px 0;
font-size:14px;
color:#333;
}