*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Michroma','Arial Narrow',sans-serif;line-height:1.5;font-size:16px}
body{color:#0ff;background-color:#000;overflow-x:hidden;padding:0;background-image:radial-gradient(circle at 50% 50%,#111 0%,#000 100%)}
.container{margin:0 auto;padding:0 1.5rem;max-width:1200px}
.site-header{background-color:transparent;color:#0ff;padding:1.5rem 0;border-bottom:1px solid #0ff;box-shadow:0 0 20px #0ff}
.logo{font-size:2.5rem;font-weight:400;margin:0 auto;display:flex;justify-content:center;letter-spacing:3px;text-shadow:0 0 15px #0ff,0 0 30px #0ff}
.content{padding:2rem;min-height:70vh;margin:2rem auto;background:rgba(0,0,0,.7);border:1px solid #0ff;box-shadow:0 0 30px rgba(0,255,255,.3);clip-path:polygon(0 0,100% 0,100% calc(100% - 50px),calc(100% - 50px) 100%,0 100%)}
.content p{margin-bottom:1.5rem;font-size:1.1rem;color:#ccc;line-height:1.8}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border:1px solid #0ff;box-shadow:0 0 20px rgba(0,255,255,.3);filter:brightness(1.2) contrast(1.3)}
.site-footer{background-color:transparent;color:#0ff;padding:2rem 0;display:flex;justify-content:center;border-top:1px solid #0ff;clip-path:polygon(50px 0,100% 0,100% 100%,0 100%,0 50px)}
.links{margin-bottom:1.5rem;font-weight:400;display:flex;gap:1.5rem}
.links a{margin:0;text-decoration:none;color:#0ff;font-size:1rem;letter-spacing:1px;transition:all .3s ease}
.links a:hover{color:#fff;text-shadow:0 0 10px #fff}
.copyright{opacity:.7;font-size:.8rem;letter-spacing:2px}