html{scroll-behavior:smooth}body{margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.app-tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:140px;padding:24px;box-shadow:0 4px 12px #0f172a0f}.hero{width:180px;height:180px;position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}