@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.tile-card{background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:30px;transition:transform .2s ease,box-shadow .2s ease}.tile-card:hover{transform:translateY(-4px);box-shadow:0 8px 15px rgba(0,0,0,.2)}.tile-header{font-size:1.25rem;font-weight:600;color:white;margin-bottom:8px}.tile-text{font-size:1rem;color:rgba(255,255,255,.8)}@media (max-width:640px){.tile-card{min-height:50px;padding:12px}.tile-header{font-size:1rem}.tile-text{font-size:.9rem}}.call-to-action{border-radius:0 30px 0 30px;clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);position:relative;overflow:hidden}.call-to-action:before{left:0;height:100%;clip-path:circle(50% at 0 50%)}.call-to-action:after,.call-to-action:before{content:"";position:absolute;top:0;width:100px;background-color:rgba(255,255,255,.1)}.call-to-action:after{right:0;height:100px;border-radius:0 30px 0 0}.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease-in-out}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.flip-card-back{transform:rotateY(180deg)}