.app{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:64px auto 0;width:80vw;gap:16px;background-color:var(--background)}.app h1{font-size:2rem;font-weight:700;margin-top:32px;margin-bottom:1rem;text-align:center;line-height:1.2}.app h1 span{font-size:2.75rem;font-weight:800;background:linear-gradient(201deg,#f660a8 -14.35%,#6919ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app>p{font-size:1rem;line-height:1.5;margin-bottom:1rem}.app .tools{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:32px;width:100%}.app .tools,.app .tools .tool{display:flex;justify-content:center}.app .tools .tool{flex:1 1;min-width:240px;max-width:320px;flex-direction:column;align-items:center;padding:16px 32px;gap:8px;border-radius:16px;background-color:var(--white);transition:all .3s;box-shadow:0 0 24px rgba(0,0,0,.04);aspect-ratio:1/1.2}.app .tools .tool:hover{transform:translateY(-4px);scale:1.05;box-shadow:0 0 16px rgba(0,0,0,.2)}.app .tools .tool img{width:64px;height:64px;margin-top:-24px;margin-bottom:16px}.app .tools .tool h2{font-size:1.5rem;font-weight:700;text-align:center;color:var(--black)}.app .tools .tool p{font-size:.85rem;opacity:.8;text-align:center;color:var(--black)}