@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap");:root{--bg:#0f172a;--surface:#1e293b;--surface2:#334155;--border:hsla(0,0%,100%,.1);--border-active:hsla(0,0%,100%,.2);--text:#f1f5f9;--muted:#94a3b8;--accent:#60a5fa;--accent2:#3b82f6;--accent3:#93c5fd;--green:#34d399;--blue:#60a5fa;--purple:#a78bfa;--pink:#ec4899;--font-display:"Bebas Neue",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"DM Mono",monospace;--r:12px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#0f172a,#1e293b);color:var(--text);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;cursor:none;position:relative}body.cursor-default{cursor:auto}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulseDemo{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}}@keyframes spinDemo{to{transform:rotate(1turn)}}@keyframes morphDemo{0%,to{border-radius:50%;transform:scale(1)}50%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:scale(1.1)}}@keyframes blobMorph{0%,to{border-radius:50%}25%{border-radius:60% 40% 55% 45%/55% 45% 60% 40%}50%{border-radius:40% 60% 45% 55%/45% 55% 40% 60%}75%{border-radius:55% 45% 40% 60%/60% 40% 55% 45%}}@keyframes pulseCur{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.4)}}@keyframes pixelGlow{0%,to{box-shadow:0 0 10px rgba(96,165,250,.4),0 0 20px rgba(96,165,250,.2)}50%{box-shadow:0 0 20px rgba(96,165,250,.6),0 0 40px rgba(96,165,250,.3)}}.pixel-border{border:2px dashed var(--accent);border-image:repeating-linear-gradient(90deg,var(--accent) 0,var(--accent) 8px,transparent 8px,transparent 16px) 2;box-shadow:0 0 20px rgba(96,165,250,.3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg);border:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--accent);box-shadow:0 0 10px var(--accent)}::-webkit-scrollbar-thumb:hover{background:var(--accent2)}.prev-dot{width:12px;height:12px;border-radius:50%;background:#fff}.prev-ring{width:32px;height:32px;border-radius:50%;border:2px solid #fff;opacity:.8}.prev-cross{position:relative;width:24px;height:24px}.prev-cross:after,.prev-cross:before{content:"";position:absolute;background:#fff;border-radius:2px}.prev-cross:before{width:2px;height:24px;left:50%;transform:translateX(-50%)}.prev-cross:after{height:2px;width:24px;top:50%;transform:translateY(-50%)}.prev-arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff;transform:rotate(-45deg)}.prev-circle-fill{border-radius:50%;border:3px solid hsla(0,0%,100%,.3)}.prev-circle-fill,.prev-glow{width:20px;height:20px;background:#fff}.prev-glow{border-radius:50%;box-shadow:0 0 20px 8px hsla(0,0%,100%,.5)}.prev-square{width:18px;height:18px;border:2px solid #fff;border-radius:3px}.prev-trail{display:flex;align-items:center;gap:6px}.prev-pulse,.prev-trail span{border-radius:50%;background:#fff}.prev-pulse{width:18px;height:18px;animation:pulseDemo 1.2s ease-in-out infinite}.prev-spin{width:22px;height:22px;border-radius:50%;border:2.5px solid transparent;border-top-color:#fff;animation:spinDemo .8s linear infinite}.prev-morph{width:18px;height:18px;background:#fff;border-radius:50%;animation:morphDemo 2s ease-in-out infinite}@media (max-width:768px){body{cursor:auto}#c-wrap{display:none}}.demo-btn{padding:12px 24px;background:var(--surface);border:2px solid var(--accent);border-radius:0;color:var(--accent);font-size:16px;font-weight:400;font-family:var(--font-body);cursor:none;transition:all .1s ease;position:relative;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 10px rgba(96,165,250,.3)}.demo-btn:hover{background:var(--accent);color:var(--bg);transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--accent2),0 0 20px rgba(96,165,250,.6)}.demo-btn:active{transform:translate(0);box-shadow:0 0 10px rgba(96,165,250,.3)}.demo-card-el{background:var(--surface);border:2px solid var(--border);border-radius:0;padding:16px 20px;font-size:16px;color:var(--text);cursor:none;transition:all .1s ease;max-width:160px;text-align:center;position:relative;box-shadow:0 0 10px rgba(96,165,250,.2)}.demo-card-el:hover{border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--accent),0 0 20px rgba(96,165,250,.4)}.demo-link{color:var(--accent);font-size:16px;text-decoration:none;cursor:none;transition:all .1s ease;position:relative;font-family:var(--font-body);letter-spacing:1px;border-bottom:2px solid transparent}.demo-link:hover{border-bottom-color:var(--accent);text-shadow:0 0 10px var(--accent)}