*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#0b0908;font-family:Outfit,system-ui,sans-serif}::selection{color:oklch(95% 0 0);background:oklch(50% .2 25)}input::placeholder,textarea::placeholder{color:oklch(55% .02 60)}button{font-family:Outfit,sans-serif}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-track{background:0 0}.scroll::-webkit-scrollbar-thumb{background:oklch(35% .03 40);border-radius:99px}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-4%)}75%{transform:translate(-3%,-3%)}to{transform:translate(0)}}@keyframes orbitFloat{0%,to{transform:translateY(-6px)}50%{transform:translateY(10px)}}@keyframes shadowPulse{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:.32;transform:scaleX(.82)}}@keyframes titleFlicker{0%,to{opacity:1}8%{opacity:.72}10%{opacity:1}52%{opacity:.85}54%{opacity:1}}@keyframes emberGlow{0%,to{text-shadow:0 0 18px oklch(55% .2 25/.55)}50%{text-shadow:0 0 34px oklch(60% .22 25/.8)}}@keyframes bannerRise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}