:root{color-scheme:light dark;--grey-1:light-dark(#FFF,#111);--grey-2:light-dark(#DDD,#222);--grey-3:light-dark(#CCC,#333);--grey-4:light-dark(#BBB,#444);--btn-blue:#007bff;--btn-blue-hover:#0056b3;--btn-red:#dc3545;--btn-red-hover:#c82333;--success:#4cea93d8;--error:#df4f4fd8;--light-blue:rgb(152,193,255);--blue:#648FFF;--orange:#FE6100;--green:#00FE55;--yellow:#FFB000;--purple:#785EF0;--pink:#DC267F}.fade-in-up{opacity:0;animation:fadeInUp .5s ease forwards}.fade-in-up.one{animation-delay:.1s}.fade-in-up.two{animation-delay:.2s}.fade-in-up.three{animation-delay:.3s}.fade-in-right{opacity:0;animation:fadeInRight 1s ease forwards}@media(max-width:768px){.fade-in-right{animation:fadeInUp 1s ease forwards}}.fade-in-right.one{animation-delay:.1s}.fade-in-right.two{animation-delay:.2s}.fade-in-right.three{animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes leftToRight{0%{transform:translateX(-100)}to{transform:translateX(0)}}.rotate{animation:rotation 7s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.icon-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5em;margin:3em auto}@media(max-width:768px){.icon-cards{display:block}}.icon-cards a{display:block;text-decoration:none}.icon-cards .card{border-radius:12px;text-align:center;padding:2em;display:flex;flex-direction:column;align-items:center;border:1px solid hsla(0,0%,100%,.1);background-color:hsla(0,0%,100%,.05);box-shadow:0 0 19px rgba(20,20,20,.1);transition:all .3s ease}@media(max-width:768px){.icon-cards .card{margin-bottom:1.5em}}.icon-cards .card svg{max-height:48px;margin-bottom:1em;transition:transform .3s ease;fill:light-dark(#000,#fff)}.icon-cards .card h2{color:light-dark(#000,#fff);margin:0;font-weight:400;font-size:1.2rem;transition:color .3s ease}.icon-cards .card.blue{border-bottom:4px solid var(--blue)}.icon-cards .card.blue:hover h2{color:var(--blue)}.icon-cards .card.purple{border-bottom:4px solid var(--purple)}.icon-cards .card.purple:hover h2{color:var(--purple)}.icon-cards .card.orange{border-bottom:4px solid var(--orange)}.icon-cards .card.orange:hover h2{color:var(--orange)}.icon-cards .card:hover{transform:translateY(-5px);background-color:hsla(0,0%,100%,.08)}.icon-cards .card:hover svg{transform:scale(1.1)}@media(max-height:700px){.icon-cards .card{flex-direction:row;align-items:center;justify-content:center}.icon-cards .card svg{margin-right:1em;margin-bottom:0}}