@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
body {font-family: 'Roboto', sans-serif; margin:0; padding:0; background:#f9f9f9; color:#333;}
header {background:#1e2a38; color:#fff;}
.topbar {background:#0d1720; font-size:0.9em; padding:5px 20px; text-align:right;}
.topbar span {margin-left:15px;}
header .container {display:flex; flex-direction:column; align-items:center; padding:20px;}
header h1 {margin:5px 0; font-weight:700;}
nav {margin-top:10px;}
nav a {color:#fff; text-decoration:none; margin:0 15px; font-weight:bold;}
nav a:hover {text-decoration:underline;}
.hero {background:#007bff; color:#fff; text-align:center; padding:80px 20px;}
.hero h2 {font-size:2.5em; font-weight:700;}
.btn {display:inline-block; padding:12px 25px; background:#fff; color:#007bff; border-radius:25px; text-decoration:none; font-weight:700; margin-top:20px;}
.btn:hover {background:#e5e5e5;}
section.content {padding:60px 20px;}
section.alt {background:#f0f0f0;}
.container {max-width:1100px; margin:0 auto;}
h2 {font-size:2em; border-left:5px solid #007bff; padding-left:10px; margin-bottom:20px;}
footer {background:#1e2a38; color:#fff; text-align:center; padding:15px 0; font-size:0.9em;}
.logo {width:180px; margin:20px 0;}