*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Comic Neue',cursive;line-height:1.6;font-size:18px}
body{color:#5d4037;background-color:#ffebee;overflow-x:hidden;padding:0;background-image:url('data:image/svg+xml;utf8,<svg opacity="0.05" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="5" fill="%23e91e63"/><circle cx="50" cy="30" r="7" fill="%23ff5722"/><circle cx="80" cy="20" r="6" fill="%23ffc107"/></svg>')}
.container{margin:0 auto;padding:0 2rem;max-width:1000px}
.site-header{background:linear-gradient(to right,#e91e63,#ff5722,#ffc107);color:#fff;padding:2rem 0;border-bottom:3px dotted #fff}
.logo{font-size:3rem;font-weight:700;margin:0 auto;display:flex;justify-content:center;font-family:'Pacifico',cursive;text-shadow:3px 3px 0 rgba(0,0,0,.1)}
.content{padding:2.5rem;min-height:70vh;margin:2rem auto;background:#fff;border-radius:20px;box-shadow:0 10px 20px rgba(233,30,99,.1);border:2px dashed #ffc107}
.content p{margin-bottom:1.8rem;font-size:1.2rem;color:#5d4037;line-height:1.8}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:15px;box-shadow:0 15px 30px rgba(233,30,99,.2);border:3px solid #ffc107;transition:all .4s ease}
.content img:hover{transform:rotate(5deg) scale(1.05)}
.site-footer{background:linear-gradient(to right,#e91e63,#ff5722,#ffc107);color:#fff;padding:2.5rem 0;display:flex;justify-content:center;border-top:3px dotted #fff}
.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.2rem;transition:all .3s ease}
.links a:hover{color:#ffeb3b;transform:scale(1.1)}
.copyright{opacity:.8;font-size:.9rem;margin-top:1rem}