@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;700&family=Inter:wght@400;500&display=swap");body,html{padding:0;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#e5e7eb}html{scrollbar-width:thin;scrollbar-color:var(--accent-color) #1f2937}h1,h2,h3,h4,h5,h6{font-family:IBM Plex Mono,monospace;color:#f9fafb}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:root{--accent-color:#00e5ff}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.interactive-card{display:block;background:rgba(31,41,55,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2rem;border-radius:8px;border:1px solid #374151;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.interactive-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,229,255,.15);border-color:var(--accent-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#111827}::-webkit-scrollbar-thumb{background-color:#374151;border-radius:20px;border:3px solid #111827}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}@keyframes glitch-effect{0%{text-shadow:.05em 0 0 rgba(0,255,255,.75),-.05em 0 0 rgba(255,0,0,.75);transform:translate(0)}25%{transform:translate(-2px,2px)}50%{text-shadow:-.05em 0 0 rgba(0,255,255,.75),.05em 0 0 rgba(255,0,0,.75);transform:translate(2px,-2px)}75%{transform:translate(2px,2px)}to{text-shadow:none;transform:translate(0)}}