*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Montserrat',Arial,sans-serif;line-height:1.7;font-size:17px}
body{color:#fff;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;overflow-x:hidden;padding:0}
@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.container{margin:0 auto;padding:0 2rem;max-width:1200px}
.site-header{background:rgba(0,0,0,.2);color:#fff;padding:1.8rem 0;backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1)}
.logo{font-size:2.2rem;font-weight:700;margin:0 auto;display:flex;justify-content:center;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2)}
.content{padding:2.5rem;min-height:70vh;margin:2rem auto;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}
.content p{margin-bottom:1.8rem;font-size:1.1rem;color:#fff;line-height:1.8;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.3);transition:all .4s ease}
.content img:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.site-footer{background:rgba(0,0,0,.2);color:#fff;padding:2.5rem 0;display:flex;justify-content:center;backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1)}
.links{margin-bottom:1.8rem;font-weight:600;display:flex;gap:1.8rem}
.links a{margin:0;text-decoration:none;color:#fff;font-size:1.1rem;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.links a:hover{color:#23d5ab;text-shadow:0 0 10px rgba(35,213,171,.5)}
.copyright{opacity:.8;font-size:.9rem;margin-top:1rem}