*{font-family:Montserrat,sans-serif}.card{z-index:1;color:#222;background:#fff;border-radius:1rem;transition:color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.card:before{content:"";transform-origin:bottom;z-index:0;background:linear-gradient(135deg,#437af2,#fc3c3c);transition:transform .4s ease-in-out;position:absolute;inset:0;transform:scaleY(0)}.card:hover:before{transform-origin:top;transform:scaleY(1)}.card:hover{color:#fff;transform:translateY(-8px);box-shadow:0 8px 20px #437af24d}.card *{z-index:1;transition:color .3s;position:relative}.card:hover *{color:#fff!important}.card-slide{z-index:1;color:#222;background:#fff;border-radius:1rem;transition:all .4s;position:relative;overflow:hidden}.card-slide:before{content:"";transform-origin:bottom;z-index:0;background:linear-gradient(135deg,#437af2,#fc3c3c);transition:transform .4s ease-in-out;position:absolute;inset:0;transform:scaleY(0)}.card-slide:hover:before{transform-origin:top;transform:scaleY(1)}.card-slide:hover{color:#fff;transform:translateY(-8px);box-shadow:0 10px 25px #437af24d}.card-slide *{z-index:1;transition:color .3s;position:relative}.card-slide:hover *{color:#fff!important}.card-shimmer{background:#fff;border-radius:1rem;transition:all .4s;position:relative;overflow:hidden}.card-shimmer:before{content:"";z-index:0;background:linear-gradient(120deg,#437af24d,#fc3c3c4d);transition:transform .5s ease-in-out;position:absolute;inset:0;transform:translate(-100%)}.card-shimmer:hover:before{transform:translate(0)}.card-shimmer:hover{background:linear-gradient(120deg,#437af2,#fc3c3c);transform:translateY(-5px);box-shadow:0 8px 25px #437af259;color:#fff!important}.card-shimmer *{z-index:1;position:relative}.card-shimmer :hover{color:#fff!important}.card-burst{background:#fff;border-radius:1rem;transition:all .4s;position:relative;overflow:hidden}.card-burst:before{content:"";z-index:0;background:radial-gradient(circle,#437af2,#fc3c3c);border-radius:50%;width:0;height:0;transition:all .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-burst:hover:before{width:300%;height:300%}.card-burst:hover{color:#fff;transform:translateY(-8px)}.card-burst *{z-index:1;position:relative}