.app{background:linear-gradient(#fff 0%,#f8f9fa 100%);padding:80px 20px;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;background:radial-gradient(circle,#00a8cc0d 0%,#0000 70%);width:1000px;height:1000px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.items-container{z-index:1;grid-template-columns:repeat(3,1fr);gap:100px;max-width:1700px;margin:0 auto;padding:0 40px;display:grid;position:relative}.item{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.item:before{content:"";transform-origin:0;background:linear-gradient(90deg,#006c85 0%,#00a8cc 100%);height:5px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.item:hover:before{transform:scaleX(1)}.item:hover{border-color:#00a8cc4d;transform:translateY(-12px);box-shadow:0 20px 40px #006c8533}.item:focus{outline-offset:4px;outline:3px solid #006c85;box-shadow:0 4px 20px #00000014,0 0 0 4px #006c851a}.item:focus:not(:focus-visible){outline:none}.item:focus-visible{outline-offset:4px;outline:3px solid #006c85}.item-icon-wrapper{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 28px;display:flex;position:relative}.item-icon-bg{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:50%;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute}.item:hover .item-icon-bg{background:linear-gradient(135deg,#006c85 0%,#00a8cc 100%);transform:scale(1.15)rotate(10deg)}.item img{object-fit:contain;z-index:2;filter:brightness(.3);width:70px;height:70px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.item:hover img{filter:brightness(0)invert();transform:scale(1.1)}.item h2{letter-spacing:.5px;color:#006c85;margin:0 0 12px;font-size:28px;font-weight:800;transition:all .3s}.item:hover h2{color:#00a8cc;transform:scale(1.05)}.item-description{color:#64748b;opacity:.9;margin:0 0 24px;font-size:15px;line-height:1.6}.item-cta{color:#006c85;align-items:center;gap:8px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.item:hover .item-cta{color:#00a8cc;gap:12px}.item-cta i{font-size:14px;transition:transform .3s}.item:hover .item-cta i{transform:translate(4px)}@media only screen and (max-width:1024px){.items-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;padding:0 20px}.item{padding:36px 28px}.item-icon-wrapper{width:100px;height:100px}.item img{width:60px;height:60px}.item h2{font-size:24px}}@media only screen and (max-width:768px){.app{padding:60px 16px}.items-container{grid-template-columns:1fr;gap:24px;max-width:500px}.item{border-radius:20px;padding:32px 24px}.item:hover{transform:translateY(-8px)}.item-icon-wrapper{width:90px;height:90px;margin-bottom:20px}.item img{width:55px;height:55px}.item h2{margin-bottom:10px;font-size:22px}.item-description{margin-bottom:20px;font-size:14px}.item-cta{font-size:15px}}@media only screen and (max-width:480px){.app{padding:50px 12px}.item{padding:28px 20px}.item-icon-wrapper{width:80px;height:80px}.item img{width:50px;height:50px}.item h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.item,.item:before,.item-icon-bg,.item img,.item h2,.item-cta,.item-cta i{transition:none;animation:none}.item:hover,.item:hover .item-icon-bg,.item:hover img,.item:hover h2,.item:hover .item-cta i{transform:none}}