*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Nunito',sans-serif;line-height:1.6;font-size:16px;background:linear-gradient(135deg,#b8c6db 0%,#f5f7fa 100%)}
body{color:#333;background-color:transparent;min-height:100vh;display:flex;flex-direction:column}
.container{margin:0 auto;padding:2rem;max-width:1200px;width:100%}
.site-header{background:rgba(255,255,255,0.3);backdrop-filter:blur(10px);color:#333;padding:1.5rem;border-radius:15px;margin:2rem 0;box-shadow:0 8px 32px rgba(31,38,135,0.1);border:1px solid rgba(255,255,255,0.2)}
.logo{font-size:2rem;font-weight:800;margin:0 auto;display:flex;justify-content:center;color:#4a6fa5;text-shadow:0 2px 4px rgba(0,0,0,0.1)}
.content{background:rgba(255,255,255,0.3);backdrop-filter:blur(8px);padding:2.5rem;margin:2rem 0;border-radius:20px;box-shadow:0 8px 32px rgba(31,38,135,0.1);border:1px solid rgba(255,255,255,0.2)}
.content p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;color:#333}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:12px;box-shadow:0 8px 32px rgba(31,38,135,0.2)}
.site-footer{background:rgba(255,255,255,0.3);backdrop-filter:blur(10px);color:#333;padding:1.5rem;border-radius:15px;margin-top:2rem;box-shadow:0 8px 32px rgba(31,38,135,0.1);border:1px solid rgba(255,255,255,0.2)}
.links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}
.links a{color:#4a6fa5;text-decoration:none;font-weight:600;transition:all 0.3s}
.links a:hover{color:#ff6584}
.copyright{text-align:center;color:#666;font-size:0.9rem}