*, *::before, *::after { box-sizing: border-box; } body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; padding: 0; } html { font-size: 100%; } a { text-decoration: none; color: inherit; } input, button, textarea, select { font: inherit; }   .scroll-x, .scroll-x-mobile, .scroll-x-img { scrollbar-width: none; -ms-overflow-style: none;} .scroll-x::-webkit-scrollbar, .scroll-x-mobile::-webkit-scrollbar, .scroll-x-img::-webkit-scrollbar { display: none;}  .button svg {transition: all 0.6s ease;} .button:hover svg {transform: translateX(4px)};  html {scroll-behavior: smooth;} :target {scroll-margin-top: 20vh;}  .animated-gradient { background: linear-gradient(120deg, #155dfc 0%, #000 50%, #155dfc 100%); background-size: 200% 200%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientSweep 4s linear infinite; } @keyframes gradientSweep { 0% { background-position: 200% 50%; } 100% { background-position: 0% 50%; } }  .btn { display: inline-flex; align-items: center; } .btn-icon { transition: transform 0.3s ease; } .btn:hover .btn-icon { transform: translateX(5px); }  .btn-glow { position: relative; overflow: hidden; } .btn-glow::after { content: ""; position: absolute; top: 0; left: -150%; width: 150%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.15) 50%, transparent 100% ); transform: skewX(-20deg); animation: shine 2s ease-in-out infinite; } @keyframes shine { 0% { left: -150%; } 100% { left: 150%; } }