/* ===== GLOBAL THEME ===== */
body {
font-family: 'Segoe UI', Roboto, Arial, sans-serif;
background: #f4f6fb;
margin: 0;
color: #333;
}
a {
text-decoration: none;
color: #0b5ed7;
}
.container {
max-width: 1100px;
margin: auto;
padding: 20px;
}
/* ===== HEADER ===== */
.site-header {
background: linear-gradient(135deg, #0b5ed7, #084298);
color: #fff;
padding: 30px 20px;
text-align: center;
}
.site-header h1 {
margin: 0;
font-size: 34px;
}
.site-header p {
opacity: 0.9;
}
/* ===== NAV ===== */
.nav {
background: #fff;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
.nav ul {
list-style: none;
display: flex;
justify-content: center;
padding: 10px;
margin: 0;
flex-wrap: wrap;
}
.nav ul li {
margin: 5px 15px;
}
/* ===== CARD ===== */
.card {
background: #fff;
border-radius: 12px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.card h2 {
margin-top: 0;
color: #0b5ed7;
}
/* ===== BUTTON ===== */
.btn {
display: inline-block;
background: #0b5ed7;
color: #fff;
padding: 12px 22px;
border-radius: 8px;
font-weight: 600;
}
.btn:hover {
background: #084298;
}
/* ===== FOOTER ===== */
.footer {
background: #111;
color: #aaa;
text-align: center;
padding: 20px;
font-size: 14px;
}