*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,sans-serif;font-optical-sizing:auto}body{background-color:#0a0a0a}body,.nav,.hero,.about,.projects,.contact,.footer,.card,.btn{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.reveal{opacity:0;transform:translate3d(0,20px,0) scale(.98);filter:blur(6px);will-change:transform,opacity,filter;transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1)}.reveal.from-up{transform:translate3d(0,24px,0) scale(.98)}.reveal.from-down{transform:translate3d(0,-24px,0) scale(.98)}.reveal.from-left{transform:translate3d(24px,0,0) scale(.98)}.reveal.from-right{transform:translate3d(-24px,0,0) scale(.98)}.reveal.from-fade{transform:translate3d(0,8px,0) scale(.99)}.reveal.visible{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.btn{will-change:transform}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.card{will-change:transform,box-shadow}.brand-bg{background:linear-gradient(135deg,#c61f2a,#ff4d57);color:#fff}.brand-bg *,.btn-primary{color:#fff}*{scrollbar-width:thin;scrollbar-color:oklch(26.9% 0 0deg / .8) oklch(14.5% 0 0deg / .9)}html.light *{scrollbar-width:thin;scrollbar-color:rgba(236,236,240,.9) #ffffff}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#0a0a0ae6}*::-webkit-scrollbar-thumb{background-color:#262626cc;border-radius:calc(.625rem - 2px);border:2px solid oklch(14.5% 0 0deg / .9)}*::-webkit-scrollbar-thumb:hover{background-color:#262626e6}html.light *::-webkit-scrollbar-track{background:#fff}html.light *::-webkit-scrollbar-thumb{background-color:#ececf0e6;border:2px solid #ffffff}html.light *::-webkit-scrollbar-thumb:hover{background-color:#eceef2}.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px #a1a1a199;transition:box-shadow .15s ease}
