@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap";
:root{--bg:#05070f;--surface:#0d1220;--surface2:#111827;--border:#ffffff14;--border-hover:#ffffff24;--cyan:#00d1db;--violet:#8968f4;--green:#00e193;--amber:#ff9c3e;--red:#f94144;--cyan-rgb:0,180,255;--violet-rgb:139,92,246;--green-rgb:0,214,143;--amber-rgb:255,180,0;--red-rgb:220,60,60;--glass:#ffffff0a;--glass-hover:#ffffff12;--color-text-primary:#f0f4ff;--t2:#f0f4ff73;--t3:#f0f4ff40;--t4:#f0f4ff1f}@supports (color:lab(0% 0 0)){:root{--cyan:lab(75.922% -46.8282 -19.1842);--violet:lab(52.8837% 38.3169 -66.9104);--green:lab(79.4204% -67.4398 26.4059);--amber:lab(73.8254% 33.482 64.1888);--red:lab(57.1752% 69.5963 43.0458)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(90% 55% at 15% 5%,#00b4ff0f 0%,#0000 55%),radial-gradient(70% 45% at 85% 85%,#8b5cf60f 0%,#0000 55%),radial-gradient(60% 50% at 55%,#00d68f05 0%,#0000 65%);position:fixed;inset:0}#__next,main{z-index:1;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(500%)}}@keyframes spin{to{transform:rotate(360deg)}}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{background:var(--glass-hover);border-color:var(--border-hover);transform:translateY(-2px)}input[type=range]{appearance:none;background:#ffffff1a;border-radius:999px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--green);width:16px;height:16px;box-shadow:0 0 10px rgba(var(--green-rgb),.6);cursor:pointer;border-radius:50%}select{background:var(--surface);border:1px solid var(--border);color:var(--color-text-primary);border-radius:8px;padding:6px 10px;font-family:Space Grotesk,sans-serif;font-size:13px}
