*{margin:0;padding:0;box-sizing:border-box}:root{--gain-accent: #2ECC71;--gain-accent-light: #58D68D;--gain-accent-dark: #239B56;--gain-silver: #BDC3C7;--gain-silver-light: #D5DBDB;--gain-silver-dark: #85929E;--gain-blue: #3498DB;--gain-blue-light: #5DADE2;--gain-blue-dark: #2874A6;--gain-primary: #2C3E50;--gain-dark: #1C1C1E;--gain-darker: #0D1117;--gradient-primary: linear-gradient(135deg, var(--gain-dark) 0%, var(--gain-primary) 50%, var(--gain-blue-dark) 100%);--gradient-accent: linear-gradient(135deg, var(--gain-blue) 0%, var(--gain-accent) 100%);--gradient-silver: linear-gradient(135deg, var(--gain-silver-dark) 0%, var(--gain-silver) 50%, var(--gain-silver-light) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--transition-fast: .2s ease-in-out;--transition-medium: .4s ease-in-out;--transition-slow: .6s ease-in-out}html{scroll-behavior:smooth}body{background:var(--gradient-primary);background-attachment:fixed;color:#fff;line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:var(--gradient-silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 20px #2ecc714d}50%{box-shadow:0 0 40px #2ecc7199}}.float-animation{animation:float 3s ease-in-out infinite}.pulse-animation{animation:pulse 2s ease-in-out infinite}.glow-animation{animation:glow 2s ease-in-out infinite}.hexagon-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.1;background-image:radial-gradient(circle at 25% 25%,var(--gain-accent) 2px,transparent 2px),radial-gradient(circle at 75% 75%,var(--gain-blue) 1px,transparent 1px);background-size:100px 100px,60px 60px;animation:float 20s ease-in-out infinite}@media (max-width: 768px){.container{padding:0 1rem}html{font-size:14px}}@media (max-width: 480px){.container{padding:0 .5rem}html{font-size:12px}}