/* Reset and base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', system-ui, sans-serif; line-height:1.6; color:#333; background:#f9f9f9; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
header { background:#1a2a3a; color:#fff; padding:1rem 0; }
header .logo { font-size:1.5rem; font-weight:bold; color:#fff; text-decoration:none; }
header nav a { color:#ddd; margin-left:20px; text-decoration:none; }
header nav a:hover { color:#fff; }

.btn { display:inline-block; padding:12px 30px; border:none; border-radius:8px; font-size:1rem; cursor:pointer; text-decoration:none; transition:background 0.2s; }
.btn-primary { background:#0077be; color:#fff; }
.btn-primary:hover { background:#005f8a; }
.btn-secondary { background:#6c757d; color:#fff; }
.btn-secondary:hover { background:#5a6268; }
.btn-link { background:transparent; color:#0077be; text-decoration:underline; }
.btn-sm { padding:6px 15px; font-size:0.9rem; }
.btn-lg { padding:16px 40px; font-size:1.2rem; }

.landing .hero { text-align:center; padding:80px 20px; }
.landing h1 { font-size:3rem; margin-bottom:20px; color:#1a2a3a; }
.landing .subtitle { font-size:1.3rem; margin-bottom:30px; color:#555; }
.landing .meta { margin-top:20px; color:#777; font-size:0.9rem; }

footer { background:#f1f1f1; padding:20px 0; text-align:center; margin-top:40px; color:#555; }