@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");body{margin:0;padding:2rem;font-family:Space Mono,monospace;background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(255,0,255,.1) 50%,rgba(0,255,0,.1));background-attachment:fixed;color:#000}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.card{background:#fff;border:3px solid #000;border-radius:12px;box-shadow:0 8px 15px rgba(0,0,0,.2);padding:1.5rem;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;color:#000;font-size:1.1rem;line-height:1.6;letter-spacing:.02em}.card:hover{transform:translateY(-5px);box-shadow:0 15px 25px rgba(0,0,0,.3)}.card h2{margin-top:0;font-weight:700;font-size:1.7rem;margin-bottom:.5rem;letter-spacing:.01em}.card p{margin:.75rem 0 1rem}.highlight-yellow{background-color:#fff566}.highlight-pink,.highlight-yellow{padding:0 .2rem;border-radius:2px;font-weight:700}.highlight-pink{background-color:#ffb6b9}.highlight-blue{background-color:#a0c4ff}.highlight-blue,.highlight-green{padding:0 .2rem;border-radius:2px;font-weight:700}.highlight-green{background-color:#a8e6cf}.highlight-cyan{background-color:#b3e5fc;padding:0 .2rem;border-radius:2px;font-weight:700}.retro-button{background:#fff;border:2px solid #000;color:#000;font-family:Space Mono,monospace;font-weight:700;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.retro-button:hover{background:#000;color:#fff;box-shadow:0 0 15px rgba(0,255,255,.5),0 0 25px rgba(255,0,255,.3);transform:translateY(-2px)}@media (max-width:600px){.card,body{padding:1rem}.card{font-size:1rem}.card h2{font-size:1.4rem}}@media (min-width:768px){body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px);pointer-events:none;z-index:-1}}@keyframes glitch-border{0%,to{border-color:#000}33%{border-color:rgba(0,255,255,.8)}66%{border-color:rgba(255,0,255,.8)}}.card.glitch:hover{animation:glitch-border .5s ease-in-out}.nested-cards{background:hsla(0,0%,100%,.7);padding:1rem;border-radius:8px;margin:.5rem 0;border:2px solid #333;display:block;overflow:hidden}.nested-cards img{max-width:100%;height:auto;display:block}