*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{ background:#EFE9DA; color:#211D16; -webkit-font-smoothing:antialiased; font-family:'Archivo',system-ui,sans-serif; }
@keyframes cxScroll{ 0%{ transform:translateY(0); opacity:.9;} 60%{ opacity:.2;} 100%{ transform:translateY(10px); opacity:.9;} }
@keyframes cxFlow{ to{ stroke-dashoffset:-220; } }
@keyframes cxRing{ 0%{ transform:scale(.5); opacity:.55;} 100%{ transform:scale(2.6); opacity:0;} }
@keyframes cxPulse{ 0%,100%{ opacity:1; transform:scale(1);} 50%{ opacity:.4; transform:scale(.8);} }
@keyframes cxNode{ 0%,100%{ opacity:.9; filter:brightness(1);} 50%{ opacity:1; filter:brightness(1.25);} }
@keyframes cxLane{ 0%{ left:-6%; opacity:0;} 12%{ opacity:1;} 88%{ opacity:1;} 100%{ left:100%; opacity:0;} }
@keyframes cxSpin{ to{ transform:rotate(360deg);} }
@keyframes cxTick{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-5px);} }
@keyframes cxUp{ 0%,30%{ opacity:1;} 36%,96%{ opacity:0;} 100%{ opacity:1;} }
@keyframes cxChop{ 0%,30%{ opacity:0;} 36%,62%{ opacity:1;} 68%,100%{ opacity:0;} }
@keyframes cxDown{ 0%,62%{ opacity:0;} 68%,96%{ opacity:1;} 100%{ opacity:0;} }
a{ color:#B07C2B; }
a:hover{ color:#8F6318; }
::-webkit-scrollbar{ width:10px; } ::-webkit-scrollbar-thumb{ background:#D6CDB8; border-radius:8px; } ::-webkit-scrollbar-track{ background:#EFE9DA; }