*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Poppins',Arial,sans-serif;line-height:1.7;font-size:17px}
body{color:#333;background:linear-gradient(135deg,#e0c3fc 0%,#8ec5fc 100%);overflow-x:hidden;padding:0}
.container{margin:0 auto;padding:0 2rem;max-width:1200px}
.site-header{background:rgba(255,255,255,.2);color:#fff;padding:1.5rem 0;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(31,38,135,.15)}
.logo{font-size:2.5rem;font-weight:600;margin:0 auto;display:flex;justify-content:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}
.content{padding:2.5rem;min-height:70vh;margin:2rem auto;background:rgba(255,255,255,.25);backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(31,38,135,.15)}
.content p{margin-bottom:1.8rem;font-size:1.15rem;color:#333;line-height:1.8}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:12px;box-shadow:0 8px 32px rgba(31,38,135,.15);border:1px solid rgba(255,255,255,.3);transition:all .4s ease}
.content img:hover{transform:scale(1.02);box-shadow:0 12px 40px rgba(31,38,135,.25)}
.site-footer{background:rgba(255,255,255,.2);color:#fff;padding:2.5rem 0;display:flex;justify-content:center;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.3)}
.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;padding:.5rem 1.5rem;border-radius:50px;transition:all .3s ease;background:rgba(255,255,255,.2)}
.links a:hover{background:rgba(255,255,255,.3)}
.copyright{opacity:.8;font-size:.9rem;margin-top:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}
