:root{--bg-dark: #090514;--bg-card: rgba(22, 13, 38, .65);--bg-card-hover: rgba(35, 18, 62, .75);--purple-glow: rgba(168, 85, 247, .35);--purple-border: rgba(192, 132, 252, .22);--purple-border-bright: rgba(216, 70, 239, .55);--accent-neon: #c084fc;--accent-pink: #f472b6;--accent-gold: #fbbf24;--text-main: #f3e8ff;--text-muted: #a89bc2;--font-pixel: "Silkscreen", monospace;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-user-select:none;user-select:none}.universe-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(147,51,234,.25) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(192,38,211,.22) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(76,29,149,.3) 0%,transparent 60%),linear-gradient(180deg,#07030e,#0d061c,#06020c);z-index:0;pointer-events:none}.pixel-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px;z-index:1;pointer-events:none}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--purple-border);box-shadow:0 8px 32px #4c1d954d,inset 0 0 16px #a855f714;border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--purple-border-bright);box-shadow:0 12px 40px #a855f759,inset 0 0 20px #c084fc26}.font-pixel{font-family:var(--font-pixel);letter-spacing:.5px}.mc-button-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:10px 22px;border-radius:10px;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 18px #7c3aed80,inset 0 1px #fff6;cursor:pointer;transition:all .2s ease;text-decoration:none}.mc-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #a855f7b3,inset 0 1px #fff9;background:linear-gradient(135deg,#8b5cf6,#c084fc)}.mc-button-secondary{display:inline-flex;align-items:center;gap:8px;background:#1e1034b3;color:var(--text-main);padding:10px 18px;border-radius:10px;font-weight:600;font-size:.9rem;border:1px solid var(--purple-border);cursor:pointer;transition:all .2s ease;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mc-button-secondary:hover{background:#2d184ed9;border-color:var(--accent-neon);color:#fff;transform:translateY(-2px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a855f740;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a855f780}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.pulse-glow{animation:pulseGlow 4s ease-in-out infinite}@keyframes floatCube{0%{transform:translateY(0) rotateX(15deg) rotateY(0)}50%{transform:translateY(-8px) rotateX(25deg) rotateY(180deg)}to{transform:translateY(0) rotateX(15deg) rotateY(360deg)}}.floating-cube{animation:floatCube 12s linear infinite}@media(max-width:860px){html,body{overflow-y:auto}}#canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:#000}#canvas-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated}