*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Montserrat',sans-serif;line-height:1.7;font-size:18px}
body{color:#223;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:0;min-height:100vh}
.container{margin:0 auto;padding:0 2.4rem;max-width:1350px}
.site-header{background:linear-gradient(to right,#6dd5ed,#2193b0);color:#fff;padding:2rem 0;box-shadow:0 4px 20px rgba(0,0,0,0.1)}
.logo{font-size:1.95rem;font-weight:600;letter-spacing:1px}
.content{padding:3.8rem 0;min-height:70vh}
.content p{margin-bottom:1.85rem;font-size:1.12rem;color:#445}
.content img{max-width:89%;margin:2.8rem auto;border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.8)}
.site-footer{background:linear-gradient(to right,#2193b0,#6dd5ed);color:#fff;padding:2.7rem 0;box-shadow:0 -4px 20px rgba(0,0,0,0.1)}
.links{margin-bottom:1.35rem}
.links a{margin:0 22px;color:#fff;text-decoration:none;opacity:0.9;transition:opacity 0.3s}
.links a:hover{opacity:1}
.copyright{font-size:0.89rem;letter-spacing:0.3px}
@media (max-width:768px){html{font-size:16px}
.container{padding:0 2rem}
.logo{font-size:1.65rem}
}