*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background-color:#0e0b07;color:#e8d5a3;overflow-x:hidden;min-height:100vh;background-image:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(58,44,28,.5) 0%,transparent 70%),radial-gradient(ellipse 60% 30% at 50% 100%,rgba(36,28,18,.3) 0%,transparent 60%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0e0b07}::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c9a84c66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 24px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes navPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}input:focus{border-color:#c9a84c80!important;box-shadow:0 0 0 3px #c9a84c14}@media(max-width:768px){#how-it-works .tutorial-grid,#about .about-grid{grid-template-columns:1fr!important}}