.color-card{border-radius:8px;padding:24px;border-left:4px solid;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.08);height:100%;width:100%}@media(max-width:768px){.color-card{padding:20px}}.color-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.color-card__content{height:100%;display:flex;flex-direction:column}.color-card__header{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.color-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.color-card__icon svg{width:24px;height:24px;color:#6b7280}.color-card__title{font-size:18px;font-weight:600;color:#111827;margin:0;line-height:1.3;flex:1 1}@media(max-width:768px){.color-card__title{font-size:16px}}.color-card__description{font-size:15px;line-height:1.6;color:#6b7280;margin:0;flex:1 1}@media(max-width:768px){.color-card__description{font-size:14px}}.icon-card{text-align:center;padding:40px 20px;border-radius:12px;transition:all .3s ease;will-change:transform,opacity;max-width:400px;margin:0 auto}.icon-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.15)}.icon-card__icon{width:60px;height:60px;margin:0 auto 20px;background-color:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 38.519px 25.481px 0 rgba(41,72,152,.03),0 20px 13px 0 rgba(41,72,152,.03),0 8.148px 6.519px 0 rgba(41,72,152,.02),0 1.852px 3.148px 0 rgba(41,72,152,.01)}.icon-card__icon img{object-fit:contain}.icon-card__icon img,.icon-card__icon svg{width:40px;height:40px}.icon-card__title{font-size:20px!important;font-weight:600!important;color:#1f2937!important;margin:20px 0 16px!important;line-height:1.3!important}.icon-card__description{font-size:16px;color:#666;line-height:1.6;margin:0}@media(max-width:768px){.icon-card{padding:30px 16px}.icon-card__icon{width:50px;height:50px;margin-bottom:16px}.icon-card__icon img,.icon-card__icon svg{width:30px;height:30px}.icon-card__title{font-size:18px!important;margin:16px 0 12px!important}.icon-card__description{font-size:14px}}@media(max-width:480px){.icon-card{padding:24px 12px}.icon-card__title{font-size:16px!important}.icon-card__description{font-size:13px}}