*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Nunito',Arial,sans-serif;line-height:1.65;font-size:18px}
body{color:#4a4a4a;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);overflow-x:hidden;padding:0}
.container{margin:0 auto;padding:0 1.8rem}
.site-header{background:linear-gradient(to right,#667eea 0%,#764ba2 100%);color:#fff;padding:1.8rem 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.logo{font-size:2.2rem;font-weight:800;margin:0 auto;display:flex;justify-content:center;font-family:'Pacifico',cursive}
.content{padding:2.5rem;min-height:70vh;margin:2rem auto;max-width:100%;width:1100px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.content p{margin-bottom:1.5rem;font-size:1.15rem;color:#666;line-height:1.8}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:12px;box-shadow:0 15px 30px rgba(0,0,0,.1);transition:all .4s ease}
.content img:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}
.site-footer{background:linear-gradient(to right,#4b6cb7 0%,#182848 100%);color:#fff;padding:3rem 0;display:flex;justify-content:center;flex-direction:column;align-items:center}
.links{margin-bottom:1.8rem;font-weight:700;display:flex;gap:1.8rem}
.links a{margin:0;text-decoration:none;color:#fff;font-size:1.1rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:50px}
.links a:hover{background:rgba(255,255,255,.2)}
.copyright{opacity:.8;font-size:.9rem;margin-top:1rem}