@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@400;500;700&display=swap");:root{--bg:#0a0613;--neon-pink:#ff2e88;--neon-cyan:#2ef2ff;--neon-purple:#9d4edd;--neon-yellow:#ffe347;--text:#f4f0ff;--muted:#b3a7d6}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(157,78,221,.35),transparent 45%),radial-gradient(circle at 85% 15%,rgba(46,242,255,.25),transparent 40%),radial-gradient(circle at 50% 95%,rgba(255,46,136,.3),transparent 50%),var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(46,242,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(46,242,255,.04) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 40%,black,transparent 80%);mask-image:radial-gradient(circle at 50% 40%,black,transparent 80%);animation:drift 18s linear infinite}@keyframes drift{0%{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}a{color:var(--neon-cyan);text-decoration:none;transition:color .2s ease}a:hover{color:var(--neon-pink)}.container{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:2.5rem 1.5rem 4rem}nav{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem;padding:.6rem;border:1px solid rgba(157,78,221,.4);background:rgba(20,12,38,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px rgba(0,0,0,.4);width:-moz-fit-content;width:fit-content}nav,nav a{border-radius:999px}nav a{position:relative;padding:.45rem 1.1rem;font-weight:600;font-size:.95rem;color:var(--text);transition:all .2s ease}nav a:hover{color:var(--bg);background:var(--neon-cyan);box-shadow:0 0 18px rgba(46,242,255,.7)}h1{font-family:Press Start\ 2P,monospace;font-size:clamp(1.6rem,6vw,3.4rem);line-height:1.25;margin:0 0 1.2rem;background:linear-gradient(100deg,var(--neon-pink),var(--neon-yellow),var(--neon-cyan),var(--neon-purple));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hue-shift 8s ease infinite;filter:drop-shadow(0 0 20px rgba(255,46,136,.35))}@keyframes hue-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}h2{font-family:Press Start\ 2P,monospace;font-size:clamp(1rem,3vw,1.4rem);color:var(--neon-cyan);margin:2.5rem 0 1rem}p{font-size:1.1rem;line-height:1.7;color:var(--muted);max-width:60ch}code{font-family:Press Start\ 2P,monospace;font-size:.7em;padding:.2em .5em;border-radius:6px;background:rgba(46,242,255,.12);color:var(--neon-cyan);border:1px solid rgba(46,242,255,.3)}.prompt-block{position:relative;margin:1.5rem 0 2rem;padding:1.5rem 1.6rem;border-radius:16px;border:1px solid rgba(46,242,255,.3);background:rgba(10,6,19,.85);box-shadow:0 10px 36px rgba(0,0,0,.45),inset 0 0 40px rgba(157,78,221,.08);overflow-x:auto}.prompt-block:before{content:"PROMPT.txt";position:absolute;top:0;right:1rem;transform:translateY(-50%);padding:.2rem .6rem;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--neon-cyan);background:var(--bg);border:1px solid rgba(46,242,255,.4)}.prompt-block code{display:block;font-family:SF Mono,Fira Code,ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.65;white-space:pre-wrap;word-break:break-word;padding:0;border:none;background:none;color:var(--muted)}.tagline{display:inline-block;margin-bottom:1.5rem;padding:.35rem .9rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--neon-yellow);border:1px solid rgba(255,227,71,.4);background:rgba(255,227,71,.08);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 rgba(255,227,71,0)}50%{box-shadow:0 0 22px rgba(255,227,71,.5)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:2.5rem}.card{position:relative;padding:1.5rem;border-radius:18px;background:rgba(20,12,38,.7);border:1px solid rgba(157,78,221,.35);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(46,242,255,.08));opacity:0;transition:opacity .25s ease}.card:hover{transform:translateY(-6px) rotate(-.5deg);border-color:var(--neon-cyan);box-shadow:0 14px 40px rgba(46,242,255,.18)}.card:hover:before{opacity:1}.card .emoji{font-size:2.2rem;display:block;margin-bottom:.6rem}.card h3{margin:0 0 .4rem;font-size:1.2rem;color:var(--text)}.card p{margin:0;font-size:.95rem}.btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.85rem 1.8rem;border-radius:999px;font-weight:700;font-size:1rem;color:var(--bg);background:linear-gradient(100deg,var(--neon-pink),var(--neon-purple));box-shadow:0 8px 26px rgba(255,46,136,.4);transition:transform .18s ease,box-shadow .18s ease}.btn:hover{color:var(--bg);transform:translatey(-2px) scale(1.03);box-shadow:0 12px 34px rgba(255,46,136,.6)}.btn:active{transform:translateY(0) scale(.99)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto}}