*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Rajdhani',sans-serif;line-height:1.4;font-size:16px;background:#0a0a12;color:#e0e0e0}
body{background:linear-gradient(to bottom,#0a0a12,#141420);min-height:100vh}
.container{margin:0 auto;padding:2rem;max-width:1400px}
.site-header{background:transparent;padding:2rem 0;position:relative;z-index:100}
.logo{font-size:2.5rem;font-weight:700;margin:0 auto;display:flex;justify-content:center;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,0.5);letter-spacing:0.5rem}
.content{padding:4rem;background:rgba(20,20,30,0.8);border-radius:15px;margin:3rem 0;box-shadow:0 0 30px rgba(0,240,255,0.1);border:1px solid rgba(0,240,255,0.3);position:relative;overflow:hidden}
.content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 65%,rgba(0,240,255,0.1) 50%);transform:rotate(30deg);z-index:-1}
.content p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:5px;box-shadow:0 0 20px rgba(0,240,255,0.2);border:1px solid rgba(0,240,255,0.3)}
.site-footer{padding:3rem 0;text-align:center}
.links{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}
.links a{color:#999;text-decoration:none;font-weight:600;letter-spacing:0.1rem;position:relative}
.links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#00f0ff;transition:width 0.3s}
.links a:hover:after{width:100%}
.links a:hover{color:#00f0ff}
.copyright{color:#666;font-size:0.9rem}