*,*:before,*:after{box-sizing:border-box}:root{--gold: #D4A44C;--gold-light: #F5C842;--gold-dim: rgba(212, 164, 76, .12);--bg: #0a0a0f;--bg-elevated: #111118;--bg-surface: #16161f;--text-primary: #E8E6E1;--text-secondary: #8B8FA3;--border: rgba(212, 164, 76, .08)}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hex-code{font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:.05em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeInUp .4s ease-out}.stagger-1{animation-delay:.05s;animation-fill-mode:both}.stagger-2{animation-delay:.1s;animation-fill-mode:both}.stagger-3{animation-delay:.15s;animation-fill-mode:both}.stagger-4{animation-delay:.2s;animation-fill-mode:both}.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4a44c33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4a44c59}a{color:inherit;text-decoration:none}