*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#100e0b;--card-bg:#1a1710;--card-border:#e2d9c812;--cream:#e2d9c8;--cream-muted:#7a7060;--gold:#c0954a}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--cream);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");width:300%;height:300%;animation:6s steps(10,end) infinite grain;position:fixed;inset:-150%}@keyframes grain{0%{transform:translate(0)}10%{transform:translate(-3%,-6%)}20%{transform:translate(-8%,4%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-4%,12%)}50%{transform:translate(-7%,5%)}60%{transform:translate(9%)}70%{transform:translateY(8%)}80%{transform:translate(2%,15%)}90%{transform:translate(-6%,6%)}to{transform:translate(0)}}