@import"https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--bg-color: #060010;--card-bg: rgba(6, 0, 16, .85);--border-color: rgba(39, 30, 55, .6);--accent-purple: #5227FF;--accent-cyan: #00ffcc;--text-primary: #ffffff;--text-secondary: #b3b3b3;--glow-shadow: 0 0 20px rgba(82, 39, 255, .2);--hover-glow: 0 0 30px rgba(82, 39, 255, .4);font-family:Figtree,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}.bento-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--glow-shadow)}.bento-card:hover{border-color:var(--accent-purple);box-shadow:var(--hover-glow);transform:translateY(-2px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.hud-text{font-family:Orbitron,sans-serif;letter-spacing:1px;text-shadow:0 0 8px rgba(0,255,204,.5)}:root{--purple-primary: rgba(82, 39, 255, 1);--purple-glow: rgba(82, 39, 255, .2);--purple-border: rgba(82, 39, 255, .8);--border-color: rgba(39, 30, 55, .6);--background-dark: #060010}.magic-bento-card{position:relative;overflow:hidden;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 380px}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:5px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(82,39,255,calc(var(--glow-intensity) * .9)) 0%,rgba(82,39,255,calc(var(--glow-intensity) * .4)) 40%,transparent 70%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:10}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.magic-bento-card:hover .MuiCard-root{border-color:#5227ff33!important;box-shadow:none!important;transform:none!important}
