*{box-sizing:border-box}html,body{width:100%;min-height:100vh;margin:0;padding:0}body{background:#f2f4f3;font-family:"Source Serif 4",serif}.hover-card{transition:transform .22s,box-shadow .22s,border-color .22s}.hover-card:hover{border-color:#10233d40;transform:translateY(-6px);box-shadow:0 16px 32px #10233d24}.gradient-card{z-index:0;transition:transform .3s;position:relative;overflow:hidden}.gradient-card:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#f2a93b,#3e6e64,#10233d) 0 0/200% 200%;transition:opacity .35s;position:absolute;inset:0}.gradient-card:hover{transform:translateY(-4px)}.gradient-card:hover:before{opacity:.14;animation:3s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}