:root{--primary-color: #1aa392;--secondary-color: #008844;--dark-color: #232323;--darker-bg: #1a1a1a;--text-color: #ffffff;--text-light: #b0b0b0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:var(--darker-bg);color:var(--text-color);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;position:relative}body:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(26,163,146,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,136,68,.05) 0%,transparent 50%);pointer-events:none}.container{position:relative;z-index:1;text-align:center;padding:2rem}.content{position:relative}h1{font-size:clamp(3rem,10vw,8rem);font-weight:700;color:var(--primary-color);letter-spacing:-.05em;text-transform:lowercase;margin-bottom:1rem;position:relative;display:inline-block}.glitch{position:relative;text-shadow:0 0 3px rgba(26,163,146,.2);animation:glow-pulse 5s ease-in-out infinite}@keyframes glow-pulse{0%,to{text-shadow:0 0 3px rgba(26,163,146,.2)}50%{text-shadow:0 0 6px rgba(26,163,146,.35),0 0 10px rgba(26,163,146,.2)}}.io{font-weight:400;font-size:.7em;color:transparent;-webkit-text-stroke:1px var(--primary-color);text-stroke:1px var(--primary-color);opacity:.7;filter:drop-shadow(0 0 3px rgba(26,163,146,.4))}.tagline{font-size:clamp(.875rem,2vw,1.25rem);color:var(--text-light);letter-spacing:.3em;text-transform:uppercase;opacity:0;animation:fadeIn 2s ease-in .5s forwards;margin-bottom:2rem}@keyframes fadeIn{to{opacity:.7}}.terminal-line{display:inline-block;font-family:Courier New,monospace;color:var(--primary-color);font-size:clamp(.875rem,1.5vw,1rem);margin-bottom:3rem;opacity:0;animation:fadeIn 1s ease-in 1.5s forwards}.prompt{color:var(--secondary-color);margin-right:.5rem}.typing-text{color:var(--text-light)}.cursor-blink{animation:blink 1s infinite;color:var(--primary-color)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.pulse{position:absolute;width:8px;height:8px;background:var(--primary-color);border-radius:50%;top:0;right:-20px;opacity:.8;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:.3}}#grid-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:4rem;max-width:800px;margin-left:auto;margin-right:auto}.card{background:#2a2a2a80;border:1px solid rgba(26,163,146,.2);border-radius:8px;padding:1.5rem;transition:all .3s ease;opacity:0}.card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 8px 16px #1aa3921a}.card-symbol{font-size:1.75rem;margin-bottom:.75rem;color:var(--primary-color);font-family:Courier New,monospace;font-weight:700}.card h3{color:var(--primary-color);font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.card p{color:var(--text-light);font-size:.875rem;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.fade-in{animation:fadeInUp 1s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container{padding:1rem}h1{font-size:clamp(2.5rem,12vw,4rem)}.tagline{font-size:clamp(.75rem,3vw,1rem);letter-spacing:.2em}.pulse{width:6px;height:6px;right:-15px}.info-cards{grid-template-columns:1fr;gap:1rem;margin-top:3rem}.card{padding:1.25rem}}