@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;color:#e0e0e0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;overflow-x:hidden}p{margin:15px 0;line-height:1.8}a{text-decoration:none;color:#00ff41;transition:all .3s ease}a:hover{text-shadow:0 0 10px rgba(0,255,65,.6)}img{width:100%;border-radius:10px;border:1px solid rgba(0,255,65,.2)}header{font-family:Courier Prime,monospace;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#00ff41;padding:20px 10px;margin-bottom:40px;box-shadow:0 4px 20px rgba(0,255,65,.2);border-bottom:2px solid #00ff41;position:relative;overflow:hidden}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ff41,transparent);animation:scan 3s linear infinite}@keyframes scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}header .container{display:flex;align-items:center;gap:20px}header .logo{width:50px;height:50px;flex-shrink:0}header #home{color:#00ff41;cursor:pointer;text-shadow:0 0 10px rgba(0,255,65,.5);letter-spacing:2px;transition:all .3s ease}header #home:hover{text-shadow:0 0 20px rgba(0,255,65,.8);transform:translateX(5px)}h2:first-of-type{transition:all .3s ease;color:#00ff41}h2:first-of-type:hover{transform:translateY(-3px);text-shadow:0 0 15px rgba(0,255,65,.6)}#lt{transform-origin:middle left;transform:translate(-7px,-12px) rotate(30deg)}#gt,#lt{font-size:30px;display:inline-block;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.5)}#gt{transform-origin:middle left;transform:translate(7px,12px) rotate(30deg)}.container{max-width:768px;margin:auto;overflow:visible;padding:0 10px}.btn{display:inline-block;background:linear-gradient(135deg,#00ff41,#00cc33);color:#0a0a0a;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;text-decoration:none;font-size:15px;font-family:Courier Prime,monospace;font-weight:700;transition:all .3s ease;box-shadow:0 0 15px rgba(0,255,65,.3);letter-spacing:1px}.btn:focus{outline:none}.btn:hover{transform:scale(1.05);box-shadow:0 0 25px rgba(0,255,65,.5)}.btn-back{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#00ff41;margin-bottom:20px;border:1px solid #00ff41}.btn-back:hover{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.posts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;margin-top:30px}.card{padding:20px;border-radius:10px;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);box-shadow:0 4px 20px rgba(0,255,65,.2);border:1px solid rgba(0,255,65,.3);transition:all .3s ease;position:relative;overflow:hidden}.card:before{top:0;left:0;border-top:2px solid #00ff41;border-left:2px solid #00ff41}.card:after,.card:before{content:"";position:absolute;width:30px;height:30px}.card:after{bottom:0;right:0;border-bottom:2px solid #00ff41;border-right:2px solid #00ff41}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,255,65,.4);border-color:#00ff41}.card-page{padding:25px 30px;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-radius:10px;border:1px solid rgba(0,255,65,.3);box-shadow:0 4px 20px rgba(0,255,65,.2)}.post-title{margin:10px 0;text-shadow:0 0 10px rgba(0,255,65,.3)}.post-date,.post-title{color:#00ff41;font-family:Courier Prime,monospace}.post-date{background:rgba(0,255,65,.1);margin-bottom:20px;padding:5px 12px;border-radius:5px;border:1px solid rgba(0,255,65,.3);font-size:14px;display:inline-block}.post-body ul,ol{font-size:110%;line-height:2.3;font-weight:700;margin:10px 0;color:#e0e0e0}.post-body pre{background:rgba(0,255,65,.05);border:1px solid rgba(0,255,65,.3);border-left:3px solid #00ff41;padding:20px;margin:20px 0;line-height:2.3;border-radius:5px;overflow-x:auto;box-shadow:inset 0 0 10px rgba(0,255,65,.1)}.post-body code,.post-body pre{font-family:Courier Prime,monospace;color:#00ff41}.post-body code{background:rgba(0,255,65,.1);padding:2px 6px;border-radius:3px}h1,h2,h3,h4,h5,h6{color:#00ff41;font-family:Courier Prime,monospace;margin:20px 0 10px}@media (max-width:500px){.posts{grid-template-columns:1fr}header .container{flex-direction:column;text-align:center}header .logo{margin-bottom:10px}}