*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Inter',sans-serif;line-height:1.7;font-size:17px;background:#f9f5ff}
body{color:#3a0ca3;background:linear-gradient(135deg,#f9f5ff 0%,#e0d4ff 100%);overflow-x:hidden;padding:0}
.container{margin:2rem auto;padding:0 2rem;max-width:1400px}
.site-header{background:#4361ee;color:#fff;padding:1.5rem 0;box-shadow:0 4px 12px rgba(67,97,238,0.3);position:sticky;top:0;z-index:100}
.logo{font-size:2rem;font-weight:800;margin:0 auto;display:flex;justify-content:center;letter-spacing:1px;text-transform:uppercase}
.content{padding:3rem;min-height:70vh;margin:2rem auto;max-width:100%;width:100%;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);border:1px solid #e9d8fd}
.content p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.15)}
.site-footer{background:#3a0ca3;color:#fff;padding:3rem 0;display:flex;justify-content:center;flex-direction:column;align-items:center}
.links{margin-bottom:1.5rem;font-weight:600;display:flex;gap:2rem}
.links a{margin:0;text-decoration:none;color:#fff;font-size:1rem;transition:all 0.3s}
.links a:hover{color:#f72585;transform:translateY(-2px)}
.copyright{opacity:0.9;font-size:0.9rem}
@media (max-width:768px){html{font-size:15px}
.container{padding:0 1.5rem}
.logo{font-size:1.6rem}
.content{padding:2rem;margin:1rem auto}
}