@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Mono:wght@300;400;500&display=swap";
:root{--bg:#0a0a0a;--surface:#111;--border:#1e1e1e;--text:#e8e4dc;--muted:#666;--accent:#c8f066;--accent2:#66f0c8;--font-display:"Instrument Serif", serif;--font-mono:"DM Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.7;overflow-x:hidden}::selection{background:var(--accent);color:#000}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.fade-up{opacity:0;animation:.7s forwards fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.flip-card{background:#ffffff05;border:1px solid #f5f0e01f;border-radius:18px;width:280px;height:280px;overflow:hidden;box-shadow:0 0 0 1px #f5f0e00a,0 10px 40px #00000059}.flip-card img{object-fit:cover;width:100%;height:100%;display:block}