body{background-color:#f5f5fa;margin:0;font-family:Poppins,sans-serif}
.header{color:#fff;z-index:10;background:linear-gradient(90deg,#1c1c3c,#3e2b8a);justify-content:space-between;align-items:center;padding:15px 30px;display:flex;position:-webkit-sticky;position:sticky;top:0}.logo{align-items:center;gap:10px;display:flex}.logo img{width:50px;height:50px}.nav{gap:25px;display:flex}.nav a{color:#fff;font-weight:600;text-decoration:none;transition:color .3s}.nav a:hover{color:#0cf}.menu-toggle{cursor:pointer;flex-direction:column;gap:5px;display:none}.menu-toggle span{background:#fff;width:25px;height:3px;transition:all .3s}.menu-toggle.open span:first-child{transform:rotate(45deg)translateY(8px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translateY(-8px)}@media (max-width:600px){.nav{text-align:center;background:#2e2e6f;flex-direction:column;gap:15px;width:200px;padding:20px;transition:transform .3s;position:absolute;top:70px;right:0;transform:translate(100%)}.nav.open{transform:translate(0)}.menu-toggle{display:flex}}
.footer{text-align:center;color:#fff;background:#1c1c3c;margin-top:30px;padding:20px;font-size:14px}
.page{text-align:center;color:#333;padding:40px}.page h2{color:#3e2b8a;margin-bottom:20px;font-size:2rem}.page img{border-radius:20px;width:80%;max-width:600px;margin-bottom:20px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.page p{max-width:700px;margin:0 auto;line-height:1.6}