@import "https://fonts.googleapis.com/css2?family=Epilogue:wght@400;700;800;900&family=Be+Vietnam+Pro:wght@300;400;500&family=Space+Grotesk:wght@400;500;700&display=swap";
:root{--primary:#004307;--primary-container:#1a5c1a;--secondary:#795900;--secondary-fixed-dim:#f6be39;--tertiary:#790001;--surface:#fff9ec;--surface-container:#f6eed7;--surface-container-low:#fbf3dc;--surface-container-high:#f0e8d1;--surface-container-highest:#eae2cb;--on-surface:#1f1c0e;--on-surface-variant:#41493d;--on-primary:#fff;--outline:#717a6c;--outline-variant:#c0c9ba}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface);color:var(--on-surface);font-family:Be Vietnam Pro,sans-serif;line-height:1.7}h1,h2,h3,h4,h5{font-family:Epilogue,sans-serif}.font-label{font-family:Space Grotesk,sans-serif}.soul-gradient{background:linear-gradient(135deg,#004307 0%,#1a5c1a 100%)}.rasta-gradient{background:linear-gradient(90deg,#004307 0%,#f6be39 50%,#790001 100%)}.grain-overlay{opacity:.03;pointer-events:none;background-image: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)'/%3E%3C/svg%3E")}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-container)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}