.fade-in { opacity:0; transform:translateY(20px); transition:opacity .6s ease-out, transform .6s ease-out; }
.fade-in.visible { opacity:1; transform:translateY(0); }
.gradient-button { width:223px; height:58px; background:linear-gradient(90deg,#4F98FF 0%,#4FBEFF 100%); border-radius:8px; }
.animate-img { animation:move 1s infinite alternate; }
@keyframes move { 0%{transform:translateY(0)} 100%{transform:translateY(-40px)} }
.card-bg { background:linear-gradient(180deg,#EDF5FF 0%,#FFFFFF 100%); box-shadow:0px 10px 15px 0px rgba(101,118,155,0.1); border-radius:8px; border:1px solid; border-image:linear-gradient(180deg,rgba(255,255,255,1),rgba(222,232,247,1)) 1 1; }
.top-card { position:relative; }
.top-card::after { content:""; position:absolute; right:0; top:50%; width:1px; height:64px; background-color:rgba(5,0,55,.1); transform:translateY(-32px); }
.top-card:last-child::after { display:none; }
.tab-item { position:relative; padding-bottom:16px; }
.tab-item.active .tab-bg { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:150px; height:124px; background-image:url('../assets/images/home/tab-active.png'); background-size:100% 100%; background-repeat:no-repeat; z-index:-1; }
.tab-item.active { color:#0078FF; }
.dos-img1 { transform-origin:30px 100%; transition:transform .3s ease-in-out; }
.dos-card:hover .dos-img1 { content:url('../assets/images/home/hover-dos-img1.png'); transform:rotate(-30deg); }
.dos-card:hover .dos-img2 { content:url('../assets/images/home/hover-dos-img2.png'); }
.cc-img1 { transition:transform .3s ease-in-out; }
.cc-img2 { transition:transform .3s ease-in-out; }
.cc-card:hover .cc-img1 { transform:translateY(-38px); }
.cc-card:hover .cc-img2 { transform:translateY(10px); content:url('../assets/images/home/hover-cc-img2.png'); }
.support-img { transition:transform .3s ease-in-out; }
.support-card:hover .support-img { transform:translateY(-10px); }
.support-card:hover .point { transform:rotate(64deg); }
.support-card:hover .subtract { content:url('../assets/images/home/hover-subtract.png'); }
.point { transition:transform .3s ease-in-out; }
.save-card:hover .rect { content:url('../assets/images/home/hover-rect.png'); height:121px; top:16px; }
.line1 { transition:transform .3s ease-in-out; }
.line3 { transition:transform .3s ease-in-out; }
.save-card:hover .line1 { transform:translateY(-11px); }
.save-card:hover .line3 { transform:translateY(11px); }