:root,:root.light{--logo-primary-color: #800020;--logo-gradient-start: #800020;--logo-gradient-middle: #700220;--logo-gradient-end: #30000d;--background-color: rgba(240, 240, 240, .33);--background-hover-color: rgba(24, 24, 27, .05);--text-color: #323233;--text-color-primary: #800020;--card-background-color: transparent;--card-border-color: rgba(24, 24, 27, .08);--card-box-shadow-1: rgba(24, 24, 27, .02);--card-box-shadow-1-y: 3px;--card-box-shadow-1-blur: 6px;--card-box-shadow-2: rgba(24, 24, 27, .04);--card-box-shadow-2-y: 2px;--card-box-shadow-2-blur: 7px;--card-label-color: #18181b;--card-icon-color: #18181b;--card-icon-background-color: rgba(24, 24, 27, .04);--card-icon-border-color: rgba(24, 24, 27, .1);--card-shine-opacity: .3;--card-shine-gradient: conic-gradient(from 225deg at 50% 50%, rgba(128, 0, 32, 0) 0deg, #800020 25deg, #ffc1c9 285deg, #fff5f7 345deg, rgba(128, 0, 32, 0) 360deg);--card-line-color: rgba(255, 255, 255, .1);--card-tile-color: rgba(128, 0, 32, .18);--card-hover-border-color: rgba(24, 24, 27, .15);--card-hover-box-shadow-1: rgba(24, 24, 27, .05);--card-hover-box-shadow-1-y: 3px;--card-hover-box-shadow-1-blur: 6px;--card-hover-box-shadow-2: rgba(24, 24, 27, .1);--card-hover-box-shadow-2-y: 8px;--card-hover-box-shadow-2-blur: 15px;--card-hover-icon-color: #800020;--card-hover-icon-background-color: rgba(24, 24, 27, .04);--card-hover-icon-border-color: rgba(24, 24, 27, .34);--blur-opacity: .1;--backdrop-blur: blur(40px);--border-color: rgba(50, 50, 51, .35)}@media (prefers-color-scheme: light){:root,:root.light{--logo-primary-color: #800020;--logo-gradient-start: #800020;--logo-gradient-middle: #700220;--logo-gradient-end: #30000d;--background-color: rgba(240, 240, 240, .33);--background-hover-color: rgba(24, 24, 27, .05);--text-color: #323233;--text-color-primary: #800020;--card-background-color: transparent;--card-border-color: rgba(24, 24, 27, .08);--card-box-shadow-1: rgba(24, 24, 27, .02);--card-box-shadow-1-y: 3px;--card-box-shadow-1-blur: 6px;--card-box-shadow-2: rgba(24, 24, 27, .04);--card-box-shadow-2-y: 2px;--card-box-shadow-2-blur: 7px;--card-label-color: #18181b;--card-icon-color: #18181b;--card-icon-background-color: rgba(24, 24, 27, .04);--card-icon-border-color: rgba(24, 24, 27, .1);--card-shine-opacity: .3;--card-shine-gradient: conic-gradient(from 225deg at 50% 50%, rgba(128, 0, 32, 0) 0deg, #800020 25deg, #ffc1c9 285deg, #fff5f7 345deg, rgba(128, 0, 32, 0) 360deg);--card-line-color: rgba(255, 255, 255, .1);--card-tile-color: rgba(128, 0, 32, .18);--card-hover-border-color: rgba(24, 24, 27, .15);--card-hover-box-shadow-1: rgba(24, 24, 27, .05);--card-hover-box-shadow-1-y: 3px;--card-hover-box-shadow-1-blur: 6px;--card-hover-box-shadow-2: rgba(24, 24, 27, .1);--card-hover-box-shadow-2-y: 8px;--card-hover-box-shadow-2-blur: 15px;--card-hover-icon-color: #800020;--card-hover-icon-background-color: rgba(24, 24, 27, .04);--card-hover-icon-border-color: rgba(24, 24, 27, .34);--blur-opacity: .1;--backdrop-blur: blur(40px);--border-color: rgba(50, 50, 51, .35)}}:root.dark{--logo-primary-color: #f00040;--logo-gradient-start: #f00040;--logo-gradient-middle: #e00030;--logo-gradient-end: #960021;--background-color: rgba(24, 24, 27, .75);--background-hover-color: rgba(240, 240, 240, .05);--text-color: #e1e1ee;--text-color-primary: #f00040;--card-background-color: rgba(255, 255, 255, .015);--card-border-color: rgba(255, 255, 255, .1);--card-box-shadow-1: rgba(0, 0, 0, .05);--card-box-shadow-1-y: 3px;--card-box-shadow-1-blur: 6px;--card-box-shadow-2: rgba(0, 0, 0, .1);--card-box-shadow-2-y: 8px;--card-box-shadow-2-blur: 15px;--card-label-color: #fff;--card-icon-color: #d4d4d8;--card-icon-background-color: rgba(255, 255, 255, .08);--card-icon-border-color: rgba(255, 255, 255, .12);--card-shine-opacity: .1;--card-shine-gradient: conic-gradient(from 225deg at 50% 50%, rgba(240, 0, 64, 0) 0deg, #f00040 25deg, #ffc1c9 285deg, #fff5f7 345deg, rgba(240, 0, 64, 0) 360deg);--card-line-color: rgba(0, 0, 0, .1);--card-tile-color: rgba(128, 0, 32, .18);--card-hover-border-color: rgba(255, 255, 255, .2);--card-hover-box-shadow-1: rgba(0, 0, 0, .04);--card-hover-box-shadow-1-y: 5px;--card-hover-box-shadow-1-blur: 10px;--card-hover-box-shadow-2: rgba(0, 0, 0, .3);--card-hover-box-shadow-2-y: 15px;--card-hover-box-shadow-2-blur: 25px;--card-hover-icon-color: #f00040;--card-hover-icon-background-color: rgba(240, 0, 64, .1);--card-hover-icon-border-color: rgba(240, 0, 64, .2);--blur-opacity: .01;--backdrop-blur: blur(40px);--border-color: rgba(225, 225, 238, .35)}@media (prefers-color-scheme: dark){:root.dark{--logo-primary-color: #f00040;--logo-gradient-start: #f00040;--logo-gradient-middle: #e00030;--logo-gradient-end: #960021;--background-color: rgba(24, 24, 27, .75);--background-hover-color: rgba(240, 240, 240, .05);--text-color: #e1e1ee;--text-color-primary: #f00040;--card-background-color: rgba(255, 255, 255, .015);--card-border-color: rgba(255, 255, 255, .1);--card-box-shadow-1: rgba(0, 0, 0, .05);--card-box-shadow-1-y: 3px;--card-box-shadow-1-blur: 6px;--card-box-shadow-2: rgba(0, 0, 0, .1);--card-box-shadow-2-y: 8px;--card-box-shadow-2-blur: 15px;--card-label-color: #fff;--card-icon-color: #d4d4d8;--card-icon-background-color: rgba(255, 255, 255, .08);--card-icon-border-color: rgba(255, 255, 255, .12);--card-shine-opacity: .1;--card-shine-gradient: conic-gradient(from 225deg at 50% 50%, rgba(240, 0, 64, 0) 0deg, #f00040 25deg, #ffc1c9 285deg, #fff5f7 345deg, rgba(240, 0, 64, 0) 360deg);--card-line-color: rgba(0, 0, 0, .1);--card-tile-color: rgba(128, 0, 32, .18);--card-hover-border-color: rgba(255, 255, 255, .2);--card-hover-box-shadow-1: rgba(0, 0, 0, .04);--card-hover-box-shadow-1-y: 5px;--card-hover-box-shadow-1-blur: 10px;--card-hover-box-shadow-2: rgba(0, 0, 0, .3);--card-hover-box-shadow-2-y: 15px;--card-hover-box-shadow-2-blur: 25px;--card-hover-icon-color: #f00040;--card-hover-icon-background-color: rgba(240, 0, 64, .1);--card-hover-icon-border-color: rgba(240, 0, 64, .2);--blur-opacity: .01;--backdrop-blur: blur(40px);--border-color: rgba(225, 225, 238, .35)}}*:not(head),*:before,*:after{margin:0;padding:0;box-sizing:border-box}body *:not(svg,svg *){position:relative;display:block;transition:color .5s,background .5s}html{height:100%;width:100%;min-width:360px;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body,[root]{height:100%;width:100%}a{color:var(--text-color);text-decoration:none}.flex{display:flex;grid-gap:32px}.flex-column{flex-direction:column}.grid{width:100%;display:grid;grid-gap:32px}.card{height:fit-content;width:100%;padding:16px;border-radius:15px;transition:box-shadow .25s;overflow:hidden}.card.standalone{padding:56px 16px 16px}@media screen and (max-width: 960px){.card.standalone{padding:16px}}.card .icon{display:table}.card .icon svg{display:block;width:24px;height:24px;transform:translateZ(0);color:var(--card-icon-color);transition:color .25s}.card h4{margin:12px 0 4px;font-weight:600;font-size:14px;line-height:2;color:var(--card-label-color)}.card p{margin:0;font-size:14px;line-height:1.7;color:var(--text-color)}.card .shine{border-radius:inherit;position:absolute;inset:0;opacity:0;transition:opacity .5s}.card .shine:before{content:"";width:150%;padding-bottom:150%;border-radius:50%;position:absolute;left:50%;bottom:55%;filter:blur(35px);opacity:var(--card-shine-opacity);transform:translate(-50%);background-image:var(--card-shine-gradient)}.card .background{border-radius:inherit;position:absolute;right:0;bottom:0;top:0;mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);height:100%;width:auto;max-width:50%;min-width:240px}.card .background .tiles{height:100%;width:100%;opacity:0;transition:opacity .25s}.card .background .tiles .tile{position:absolute;background-color:var(--card-tile-color);animation-duration:8s;animation-iteration-count:infinite;opacity:0}.card .background .tiles .tile.tile-4,.card .background .tiles .tile.tile-6,.card .background .tiles .tile.tile-10{animation-delay:-2s}.card .background .tiles .tile.tile-3,.card .background .tiles .tile.tile-5,.card .background .tiles .tile.tile-8{animation-delay:-4s}.card .background .tiles .tile.tile-2,.card .background .tiles .tile.tile-9{animation-delay:-6s}.card .background .tiles .tile.tile-1{top:0;left:0;height:10%;width:22.5%}.card .background .tiles .tile.tile-2{top:0;left:22.5%;height:10%;width:27.5%}.card .background .tiles .tile.tile-3{top:0;left:50%;height:10%;width:27.5%}.card .background .tiles .tile.tile-4{top:0;left:77.5%;height:10%;width:22.5%}.card .background .tiles .tile.tile-5{top:10%;left:0;height:22.5%;width:22.5%}.card .background .tiles .tile.tile-6{top:10%;left:22.5%;height:22.5%;width:27.5%}.card .background .tiles .tile.tile-7{top:10%;left:50%;height:22.5%;width:27.5%}.card .background .tiles .tile.tile-8{top:10%;left:77.5%;height:22.5%;width:22.5%}.card .background .tiles .tile.tile-9{top:32.5%;left:50%;height:22.5%;width:27.5%}.card .background .tiles .tile.tile-10{top:32.5%;left:77.5%;height:22.5%;width:22.5%}@keyframes tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.card .background .line{position:absolute;inset:0;opacity:0;transition:opacity .35s}.card .background .line:before,.card .background .line:after{content:"";position:absolute;background-color:var(--card-line-color);transition:transform .35s}.card .background .line:before{left:0;right:0;height:1px;transform-origin:0 50%;transform:scaleX(0)}.card .background .line:after{top:0;bottom:0;width:1px;transform-origin:50% 0;transform:scaleY(0)}.card .background .line.line-1:before{top:10%}.card .background .line.line-1:after{left:22.5%}.card .background .line.line-1:before,.card .background .line.line-1:after{transition-delay:.3s}.card .background .line.line-2:before{top:32.5%}.card .background .line.line-2:after{left:50%}.card .background .line.line-2:before,.card .background .line.line-2:after{transition-delay:.15s}.card .background .line.line-3:before{top:55%}.card .background .line.line-3:after{right:22.5%}.card.interactive:hover{box-shadow:0 3px 6px var(--card-hover-box-shadow-1),0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color)}.card.interactive:hover .icon:after{background-color:var(--card-hover-icon-background-color);border-color:var(--card-hover-icon-border-color)}.card.interactive:hover .icon svg{color:var(--card-hover-icon-color)}.card.interactive:hover .shine{opacity:1;transition-duration:.5s;transition-delay:0s}.card.interactive:hover .background .tiles{opacity:1;transition-delay:.25s}.card.interactive:hover .background .tiles .tile{animation-name:tile}.card.interactive:hover .background .line{opacity:1;transition-duration:.15s}.card.interactive:hover .background .line:before{transform:scaleX(1)}.card.interactive:hover .background .line:after{transform:scaleY(1)}.card.interactive:hover .background .line.line-1:before,.card.interactive:hover .background .line.line-1:after{transition-delay:0s}.card.interactive:hover .background .line.line-2:before,.card.interactive:hover .background .line.line-2:after{transition-delay:.15s}.card.interactive:hover .background .line.line-3:before,.card.interactive:hover .background .line.line-3:after{transition-delay:.3s}