*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Inter',system-ui,sans-serif;line-height:1.6;font-size:20px}
body{color:#111827;background:#f3f4f6;overflow-x:hidden;padding:0}
.container{margin:0 auto;padding:0 2rem}
.site-header{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);color:#fff;padding:2rem 0;box-shadow:0 8px 20px rgba(0,0,0,.15);backdrop-filter:blur(8px)}
.logo{font-size:2rem;font-weight:800;margin:0 auto;display:flex;justify-content:center;letter-spacing:.08em;text-transform:uppercase}
.content{padding:3rem 2rem;min-height:70vh;margin:0 auto;max-width:100%;width:900px}
.content p{margin-bottom:1.4rem;font-size:1.125rem}
.content img{max-width:100%;height:auto;margin:0 auto;display:block;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .4s ease}
.content img:hover{transform:scale(1.04)}
.site-footer{background:#111827;color:#fff;padding:3rem 0;display:flex;justify-content:center}
.links{margin-bottom:1.2rem;font-weight:700}
.links a{margin:0 12px;text-decoration:none;color:#fff;font-size:1.125rem;transition:color .3s}
.links a:hover{color:#8b5cf6}
.copyright{opacity:.7;font-size:.875rem}