@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Press+Start+2P&display=swap";:root{--font-pixel:"Press Start 2P", cursive;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--bg-color:#fff;--text-color:#0f172a;--text-muted:#64748b;--primary-neon:#3b82f6;--secondary-neon:#8b5cf6;--accent-neon:#f59e0b;--success-neon:#10b981;--error-neon:#ef4444;--border-color:#cbd5e1;--surface-color:#f1f5f9;--surface-hover:#e2e8f0;--shadow-sm:2px 2px 0 0 var(--border-color);--shadow-md:4px 4px 0 0 var(--secondary-neon);--shadow-lg:8px 8px 0 0 var(--primary-neon)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);font-weight:400;line-height:1.4}.pixel-font{font-family:var(--font-pixel)}.pixel-border{border:4px solid var(--primary-neon);box-shadow:var(--shadow-md);background-color:var(--surface-color);padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.pricing-card{flex-direction:column;height:100%;display:flex;position:relative}.pixel-border:hover{box-shadow:6px 6px 0 0 var(--secondary-neon);transform:translate(-2px,-2px)}.pixel-border:focus-within{border-color:var(--secondary-neon);box-shadow:6px 6px 0 0 var(--primary-neon)}.pixel-border-alt{border:4px solid var(--secondary-neon);box-shadow:4px 4px 0 0 var(--primary-neon);background-color:var(--surface-color);padding:1.5rem;transition:transform .2s,box-shadow .2s}.pixel-border-alt:hover{box-shadow:6px 6px 0 0 var(--primary-neon);transform:translate(-2px,-2px)}.pixel-btn{font-family:var(--font-pixel);background-color:var(--primary-neon);color:#fff;border:4px solid var(--text-color);box-shadow:4px 4px 0 0 var(--text-color);cursor:pointer;text-transform:uppercase;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:14px;text-decoration:none;transition:all .1s;display:inline-flex}.pixel-btn:hover:not(:disabled){box-shadow:6px 6px 0 0 var(--secondary-neon);transform:translate(-2px,-2px)}.pixel-btn:active:not(:disabled){box-shadow:2px 2px 0 0 var(--secondary-neon);transform:translate(2px,2px)}.pixel-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:4px 4px 0 0 var(--text-color);transform:none}.pixel-btn-secondary{color:var(--primary-neon);border-color:var(--primary-neon);background-color:#0000}.pixel-btn-secondary:hover:not(:disabled){background-color:#3b82f61a}.pixel-btn-secondary:active:not(:disabled){background-color:#3b82f633}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{color:var(--text-color);font-weight:600}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.grid{display:grid}.grid>*{min-width:0}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-8{gap:2rem}.gap-4{gap:1rem}@media (width<=1024px){.grid-cols-3{grid-template-columns:1fr}}@media (width<=768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.container{padding:0 1rem}h1.pixel-font{font-size:1.5rem!important}}.pixel-input{border:4px solid var(--border-color);width:100%;color:var(--text-color);font-family:var(--font-body);resize:vertical;background-color:#fff;outline:none;padding:1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.pixel-input:focus{border-color:var(--primary-neon);box-shadow:0 0 0 4px #3b82f633}.pixel-input::placeholder{color:var(--text-muted)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:1s infinite blink}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}:focus-visible{outline:3px solid var(--primary-neon);outline-offset:2px}::selection{background-color:var(--primary-neon);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--surface-color)}::-webkit-scrollbar-thumb:hover{background:var(--primary-neon)}
