*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Poppins',sans-serif;line-height:1.8;font-size:18px;background:#f7f9fc}
body{color:#2b2d42;background:#fff;overflow-x:hidden;padding:0}
.container{margin:0 auto;padding:0 2rem;max-width:1300px}
.site-header{background:#fff;color:#2b2d42;padding:1.5rem 0;box-shadow:0 1px 10px rgba(0,0,0,0.1);position:sticky;top:0}
.logo{font-size:1.8rem;font-weight:600;margin:0 auto;display:flex;justify-content:center;color:#ef233c}
.content{padding:2.5rem;min-height:70vh;margin:2rem auto;max-width:100%;width:100%;background:#fff;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,0.05)}
.content p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.9}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.1);transition:transform 0.3s}
.content img:hover{transform:scale(1.02)}
.site-footer{background:#2b2d42;color:#fff;padding:3rem 0;display:flex;justify-content:center;flex-direction:column;align-items:center}
.links{margin-bottom:1.5rem;font-weight:500;display:flex;gap:2rem}
.links a{margin:0;text-decoration:none;color:#fff;font-size:1rem;transition:all 0.3s}
.links a:hover{color:#8d99ae}
.copyright{opacity:0.8;font-size:0.9rem;color:#8d99ae}
@media (max-width:768px){html{font-size:16px}
.container{padding:0 1.5rem}
.logo{font-size:1.5rem}
.content{padding:1.5rem;margin:1rem auto}
.links{gap:1.5rem}
}