:root{--color-text: #2a2b2c;--color-subtitle: #7e848a;--color-primary: #DE2031;--color-stroke: #E9EAEC;--color-stroke-alt: #DFE0E2;--color-neutral: #FFFFFF;--color-background: #F7F9F9;--color-information: #0F77FF;--color-success: #6EC207;--color-warning: #F59E0B}@keyframes slide-down{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(-32px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}body{overflow:hidden;height:100dvh}main{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:calc(100% - 116px)}.title{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:32px}.title p{max-width:248px;width:100%;color:var(--color-subtitle);animation:slide-down .6s ease-out forwards;opacity:0}.title-heading{max-width:492px;width:100%;position:relative}.title-heading span{font-style:italic;color:var(--color-primary)}.title-heading h1{opacity:0;animation:slide-down .6s ease-out forwards}.title-heading img{position:absolute;bottom:8px;right:40px;animation:slide-down .6s ease-out forwards,float-move 3s ease infinite;animation-delay:1s;opacity:0}.menu{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);gap:0;gap:8px;width:100%;margin-top:40px}.menu-item{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:324px;background-color:var(--color-background);padding:24px;text-decoration:none;opacity:0;animation:slide-down .6s ease-out forwards;transition:background-color .6s ease,transform .6s ease,box-shadow .6s ease;border-radius:16px}.menu-item .divider{border-bottom:1px dashed var(--color-stroke-alt);border-bottom-style:dashed;border-image:repeating-linear-gradient(to right,var(--color-stroke) 0,var(--color-stroke) 8px,transparent 8px,transparent 12px) 1}.menu-item p{text-align:end;color:var(--color-subtitle);letter-spacing:.5px!important}.menu-item:nth-child(1){animation-delay:.2s}.menu-item:nth-child(2){animation-delay:.3s}.menu-item:nth-child(3){animation-delay:.4s}.menu-item:nth-child(4){animation-delay:.5s}.menu:hover .menu-item{background-color:var(--color-neutral)}.menu-item:hover{background-color:var(--color-background)!important;box-shadow:0 0 0 1px var(--color-stroke),0 16px 32px -24px #0003;z-index:5}.menu-item:hover .menu-item-icon{box-shadow:0 0 0 1px var(--color-stroke)}.menu-item-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:48px;background-color:var(--color-neutral);box-shadow:0 8px 12px -6px #00000026;border-radius:10px;transition:box-shadow .6s ease}.menu-item-icon img{width:20px}@keyframes float-move{0%{transform:translate(0)}33%{transform:translate(32px)}66%{transform:translate(32px,32px)}to{transform:translate(0)}}@media (max-width: 932px){body{height:auto;overflow:auto}main{padding-top:124px;padding-bottom:124px}.title-heading img{display:none}.menu{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);gap:0;gap:8px;row-gap:8px}}@media (max-width: 512px){.title{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.menu{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);gap:0;row-gap:8px}}