@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Syncopate:wght@400;700&display=swap";
:root{--bg-primary:#000;--bg-secondary:#050505;--bg-card:#14141499;--bg-glass:#ffffff08;--border-glass:#ffffff14;--border-glow:#ffffff26;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#666;--color-accent:#fff;--font-sans:"Outfit", sans-serif;--font-display:"Syncopate", sans-serif;--shadow-glow:0 8px 32px 0 #000c, 0 0 20px #ffffff08;--shadow-button:0 4px 12px #00000080;--metallic-gradient:linear-gradient(180deg, #fff 0%, #dcdcdc 45%, #b5b5b5 55%, #8f8f8f 100%);--metallic-hover:linear-gradient(180deg, #fff 0%, #e8e8e8 45%, #c5c5c5 55%, #a3a3a3 100%)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#222;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#333}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}