.home-card{width:240px;height:50px;position:relative;display:flex;place-content:center;place-items:center;overflow:hidden;border-radius:20px;margin:16px auto;opacity:0;animation:fadeIn 1s ease-out forwards;transition:transform .3s ease}.home-card:hover{transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-card h2{z-index:1;font-size:1.5em;font-weight:700;color:#1e293b;transition:color .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.15)}html.dark .home-card h2{color:#ffffff;text-shadow:0 0 8px rgba(255,255,255,.6)}.home-card:after{content:"";position:absolute;inset:2px;border-radius:15px;z-index:0}html.dark .home-card:after{background:#0f172a}.home-card:before{content:"";position:absolute;width:860%;height:130%;animation:rotBGimg 3s linear infinite}@keyframes rotBGimg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-card.fire:before{background-image:linear-gradient(180deg,#ff6a00,#ff0000)}.home-card.fire:hover:before{background-image:linear-gradient(180deg,#ff0000,#ff6a00)}.home-card.cosmic:before{background-image:linear-gradient(180deg,#5f0fff,#00d4ff)}.home-card.cosmic:hover:before{background-image:linear-gradient(180deg,#00d4ff,#5f0fff)}.home-card.neon:before{background-image:linear-gradient(180deg,#39ff14,#00ffe7)}.home-card.neon:hover:before{background-image:linear-gradient(180deg,#00ffe7,#39ff14)}