.footer-link{color:white;text-decoration:none}.card_sd{--background-color:#FFF;--text-color:#000;--card-background-color:#FFFF;--card-border-color:rgba(255,255,255,0.1);--card-box-shadow-1:rgba(0,0,0,0.05);--card-box-shadow-1-y:3px;--card-box-shadow-1-blur:6px;--card-box-shadow-2:rgba(0,0,0,0.1);--card-box-shadow-2-y:8px;--card-box-shadow-2-blur:15px;--card-label-color:#000;--card-shine-opacity:.1;--card-shine-gradient:conic-gradient(from 205deg at 50% 50%,rgba(16,185,129,0) 0deg,#10B981 25deg,rgba(52,211,153,0.18) 295deg,rgba(16,185,129,0) 360deg);--card-line-color:#000ecc;--card-tile-color:rgba(16,185,129,0.05);--card-hover-border-color:rgba(255,255,255,0.2);--card-hover-box-shadow-1:rgba(0,0,0,0.04);--card-hover-box-shadow-1-y:5px;--card-hover-box-shadow-1-blur:10px;--card-hover-box-shadow-2:rgba(0,0,0,0.3);--card-hover-box-shadow-2-y:15px;--card-hover-box-shadow-2-blur:25px;--blur-opacity:.01}.card_sd{width:100%}.card{background-color:var(--background-color);box-shadow:0px var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0px var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);padding:35px 16px 16px 16px;border-radius:15px;cursor:pointer;position:relative;transition:box-shadow .25s;width:100%;&::before{content:'';position:absolute;inset:0;border-radius:15px;background-color:var(--card-background-color)}.icon{z-index:2;position:relative;display:table;padding:8px;transition:transform .25s ease;img{position:relative;z-index:1;display:block;width:80px;height:80px;object-fit:contain;background:transparent;transition:filter 0.25s ease,transform 0.25s ease}}h4{z-index:2;position:relative;margin:12px 0 4px 0;font-family:inherit;font-weight:600;font-size:30px;line-height:2;color:var(--card-label-color)}p{z-index:2;position:relative;margin:0;font-size:14px;line-height:1.7;color:var(--text-color)}.shine{border-radius:inherit;position:absolute;inset:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s}.background{border-radius:inherit;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);.tiles{opacity:0;transition:opacity .25s;.tile{position:absolute;background-color:var(--card-tile-color);animation-duration:8s;animation-iteration-count:infinite;opacity:0}}.line{position:absolute;inset:0;opacity:0;transition:opacity .35s;&:before,&:after{content:'';position:absolute;background-color:var(--card-line-color);transition:transform .35s}&:before{left:0;right:0;height:1px;transform-origin:0 50%;transform:scaleX(0)}&:after{top:0;bottom:0;width:1px;transform-origin:50% 0;transform:scaleY(0)}&.line-1{&:before{top:10%}&:after{left:22.5%}&:before,&:after{transition-delay:.3s}}&.line-2{&:before{top:32.5%}&:after{left:50%}&:before,&:after{transition-delay:.15s}}&.line-3{&:before{top:55%}&:after{right:22.5%}}}}&:hover{box-shadow:0px 3px 6px var(--card-hover-box-shadow-1),0px var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color);.icon{animation:flip 3s forwards}.shine{opacity:1;transition-duration:.5s}.background{.tiles{opacity:1;transition-delay:.25s;.tile{animation-name:tile}}.line{opacity:1;transition-duration:.15s;&:before{transform:scaleX(1)}&:after{transform:scaleY(1)}&.line-1{&:before,&:after{transition-delay:.0s}}&.line-2{&:before,&:after{transition-delay:.15s}}&.line-3{&:before,&:after{transition-delay:.3s}}}}}}@keyframes flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}@keyframes tile{0%,12.5%,100%{opacity:1}25%,82.5%{opacity:0}}