#app{gap:2.5rem;max-width:500px}.tool-grid{flex-direction:column;gap:1.25rem;width:100%;display:flex}.tool-card{text-align:center;background:var(--surface);border-radius:var(--radius);color:var(--text);border:2px solid #0000;padding:2.25rem 1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.tool-card:hover{transform:translateY(-3px)}.tool-card h2{font-size:1.4rem;font-weight:700}.tool-card:first-child{border-color:var(--pink)}.tool-card:first-child h2{color:var(--pink)}.tool-card:first-child:hover{box-shadow:0 6px 24px #ff3c7833}.tool-card:nth-child(2){border-color:var(--turquoise)}.tool-card:nth-child(2) h2{color:var(--turquoise)}.tool-card:nth-child(2):hover{box-shadow:0 6px 24px #2dd4bf33}.tool-card:nth-child(3){border-color:var(--orange)}.tool-card:nth-child(3) h2{color:var(--orange)}.tool-card:nth-child(3):hover{box-shadow:0 6px 24px #ff6b3533}