:root{--bg-color: #050505;--text-color: #f0f0f0;--accent-color: #ffffff;--secondary-color: #333333;--accent-gold: #C5A059;--font-main: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;color:inherit;font-family:inherit}::selection{background:var(--accent-color);color:var(--bg-color)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#000,#1a0505,#051a1a,#000);background-size:400% 400%;animation:gradientFlow 15s ease infinite;z-index:-2}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,transparent 0%,#000 90%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");z-index:-1}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1;display:flex;flex-direction:column}