:root{--primary: #f55e61;--primary-gradient: linear-gradient( 90deg, #f55e61, #ff9699 );--font-family: "Lexend", sans-serif;--box-shadow: 0 2px 10px rgba(0, 0, 0, .1);--border: 1px solid #e9ecef}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family);font-weight:500}html{scroll-behavior:smooth;scrollbar-width:thin}h1{font-size:clamp(2.1rem,5vw,3.4rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1rem,2vw,1.5rem)}.max-width{max-width:1200px;margin:0 auto}.text-primary{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.card{border-radius:8px;padding:1rem;border:var(--border);transition:all .25s ease-in-out;position:relative}.card .icon{position:absolute;top:10px;right:1rem;transition:all .3s ease-in-out;display:none}.card:hover{box-shadow:var(--box-shadow);cursor:pointer}.card:hover .icon{display:block}