body{margin:0;font-family:Segoe UI,sans-serif;background:#f5f7fa;color:#333}
.container{width:90%;max-width:1200px;margin:auto}
header{background:#1c1d24;padding:20px 0;color:#fff}
.nav{display:flex;justify-content:space-between;align-items:center}
nav a{color:#fff;margin-left:20px;text-decoration:none}
.dark-btn{margin-left:40px;padding:6px 10px;cursor:pointer}
.hero{padding:80px 0;text-align:center;color:#fff}
.small-hero{padding:60px 0}
.animated-hero{background:linear-gradient(-45deg,#1c1d24,#2b7a94,#1c1d24);background-size:400% 400%;animation:gradientMove 10s ease infinite}
@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.btn{display:inline-block;padding:12px 22px;background:#4db6d6;color:#fff;text-decoration:none;border-radius:4px}
.page{padding:60px 0}
footer{background:#1c1d24;color:#fff;padding:30px 0;text-align:center}
body.dark{background:#121212;color:#e0e0e0}
body.dark header, body.dark footer{background:#000}