:root{font-family:Courier New,Courier,monospace;line-height:1.5;font-weight:400;color-scheme:dark;--primary: #00d4ff;--secondary: #ff00ff;--accent: #bd00ff;--glow: rgba(0, 212, 255, .5);color:var(--primary);background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#000;color:var(--primary);overflow-x:hidden}#root{width:100%;min-height:100vh}a{font-weight:500;color:var(--primary);text-decoration:none;border-bottom:1px dotted var(--primary);transition:all .3s}a:hover{color:var(--secondary);border-bottom-color:var(--secondary);text-shadow:0 0 5px var(--secondary)}button{border-radius:0;border:2px solid var(--primary);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Courier New,monospace;background-color:#000;color:var(--primary);cursor:pointer;transition:all .3s}button:hover{background-color:var(--primary);color:#000;box-shadow:0 0 20px var(--glow)}button:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:Courier New,monospace;color:var(--primary)}pre{font-family:Courier New,monospace;white-space:pre;margin:0}::selection{background-color:var(--primary);color:#000}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#000;border:1px solid var(--primary)}::-webkit-scrollbar-thumb{background:var(--primary);border:1px solid #000}::-webkit-scrollbar-thumb:hover{background:var(--secondary);box-shadow:0 0 10px var(--secondary)}.app{min-height:100vh;position:relative;overflow-x:hidden}.content{position:relative;z-index:10}.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:2rem}.hero-content{text-align:center;z-index:10}.ascii-art-main{font-size:1.8rem;color:var(--primary);text-shadow:0 0 20px var(--glow);animation:glow 2s ease-in-out infinite alternate;text-align:center;line-height:1.2;margin:2rem 0}.typewriter{font-family:Courier New,monospace;font-size:1.4rem;color:var(--secondary);text-align:center;max-width:600px;margin:2rem auto}.typewriter p{margin:1rem 0;opacity:0;animation:fadeInUp 1s ease-out forwards;text-shadow:0 0 10px var(--secondary)}.typewriter p:nth-child(1){animation-delay:.5s}.typewriter p:nth-child(2){animation-delay:1s}@keyframes glow{0%{text-shadow:0 0 20px var(--glow),0 0 30px var(--glow)}to{text-shadow:0 0 30px var(--glow),0 0 50px var(--glow),0 0 70px var(--glow)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ascii-art-main,.typewriter{font-size:1rem}.hero-section{padding:1rem;gap:2rem}}.ascii-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;background:radial-gradient(ellipse at center,rgba(0,212,255,.02) 0%,transparent 70%)}.grid-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(15,1fr);width:100%;height:100%;gap:0}.grid-dot{width:2px;height:2px;background:var(--primary);border-radius:50%;opacity:0;animation:pulse infinite ease-in-out;box-shadow:0 0 4px var(--glow)}.glow-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float-glow 20s ease-in-out infinite}.glow-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:10%;left:20%;animation-duration:25s}.glow-2{width:500px;height:500px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);bottom:15%;right:15%;animation-duration:30s;animation-delay:5s}.glow-3{width:350px;height:350px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);top:50%;left:50%;animation-duration:35s;animation-delay:10s}@keyframes pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}@keyframes float-glow{0%,to{transform:translate(0) scale(1);opacity:.15}25%{transform:translate(50px,-30px) scale(1.1);opacity:.2}50%{transform:translate(-30px,40px) scale(.9);opacity:.1}75%{transform:translate(40px,30px) scale(1.05);opacity:.18}}@media(max-width:768px){.grid-container{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr)}.glow-circle{filter:blur(60px)}.glow-1,.glow-2,.glow-3{width:250px;height:250px}}.ascii-3d-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:2rem 0}.ascii-3d-container{display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:transform .6s ease-out}.ascii-3d-canvas{font-family:Courier New,monospace;font-size:.6rem;line-height:.6rem;color:var(--primary);text-shadow:0 0 15px var(--glow),0 0 25px var(--glow);background:#00d4ff08;padding:3rem;border:3px solid var(--primary);border-radius:0;white-space:pre;letter-spacing:.05em;animation:canvasGlow 3s ease-in-out infinite alternate;transform-style:preserve-3d;box-shadow:0 0 20px var(--glow),0 0 40px #bd00ff4d,inset 0 0 60px #00d4ff1a}.controls-hint{font-family:Courier New,monospace;font-size:.9rem;color:var(--primary);opacity:.6;text-shadow:0 0 10px var(--glow);animation:fadeIn 2s ease-in-out}.key{display:inline-block;padding:.3rem .6rem;border:2px solid var(--primary);background:#00d4ff1a;margin:0 .3rem;border-radius:3px;font-weight:700;box-shadow:0 0 10px var(--glow)}@keyframes canvasGlow{0%{box-shadow:0 0 20px var(--glow),0 0 40px #bd00ff4d,inset 0 0 60px #00d4ff1a;border-color:var(--primary)}50%{box-shadow:0 0 40px var(--glow),0 0 60px #ff00ff80,inset 0 0 80px #00d4ff26;border-color:var(--secondary)}to{box-shadow:0 0 20px var(--glow),0 0 40px #bd00ff4d,inset 0 0 60px #00d4ff1a;border-color:var(--primary)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.6}}@media(max-width:768px){.ascii-3d-canvas{font-size:.35rem;line-height:.35rem;padding:1.5rem}.controls-hint{font-size:.7rem}.key{padding:.2rem .4rem;font-size:.7rem}}