body{--background-color:#18181b;--text-color:#a1a1aa;--card-background-color:hsla(0,0%,100%,.015);--card-border-color:#ffffff1a;--card-box-shadow-1:#0000000d;--card-box-shadow-1-y:3px;--card-box-shadow-1-blur:6px;--card-box-shadow-2:#0000001a;--card-box-shadow-2-y:8px;--card-box-shadow-2-blur:15px;--card-label-color:#fff;--card-icon-color:#d4d4d8;--card-icon-background-color:#ffffff14;--card-icon-border-color:#ffffff1f;--card-shine-opacity:0.1;--card-shine-gradient:conic-gradient(from 205deg at 50% 50%,#10b98100 0deg,#10b981 25deg,#34d3992e 295deg,#10b98100 360deg);--card-line-color:#2a2b2c;--card-tile-color:#10b9810d;--card-hover-border-color:#fff3;--card-hover-box-shadow-1:#0000000a;--card-hover-box-shadow-1-y:5px;--card-hover-box-shadow-1-blur:10px;--card-hover-box-shadow-2:#0000004d;--card-hover-box-shadow-2-y:15px;--card-hover-box-shadow-2-blur:25px;--card-hover-icon-color:#34d399;--card-hover-icon-background-color:#34d3991a;--card-hover-icon-border-color:#34d39933;--blur-opacity:0.01}body.light{--background-color:#fafafa;--text-color:#52525b;--card-background-color:#0000;--card-border-color:#18181b14;--card-box-shadow-1:#18181b05;--card-box-shadow-1-y:3px;--card-box-shadow-1-blur:6px;--card-box-shadow-2:#18181b0a;--card-box-shadow-2-y:2px;--card-box-shadow-2-blur:7px;--card-label-color:#18181b;--card-icon-color:#18181b;--card-icon-background-color:#18181b0a;--card-icon-border-color:#18181b1a;--card-shine-opacity:0.3;--card-shine-gradient:conic-gradient(from 225deg at 50% 50%,#10b98100 0deg,#10b981 25deg,#edfaf6 285deg,#fff 345deg,#10b98100 360deg);--card-line-color:#e9e9e7;--card-tile-color:#10b98114;--card-hover-border-color:#18181b26;--card-hover-box-shadow-1:#18181b0d;--card-hover-box-shadow-1-y:3px;--card-hover-box-shadow-1-blur:6px;--card-hover-box-shadow-2:#18181b1a;--card-hover-box-shadow-2-y:8px;--card-hover-box-shadow-2-blur:15px;--card-hover-icon-color:#18181b;--card-hover-icon-background-color:#18181b0a;--card-hover-icon-border-color:#18181b57;--blur-opacity:0.1}body.toggle .grid *{transition-duration:0s!important}.grid{grid-gap:30px;display:grid;grid-template-columns:repeat(4,240px);z-index:1}.card,.grid{position:relative}.card{background-color:var(--background-color);border-radius:15px;box-shadow:0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);cursor:pointer;padding:56px 16px 16px;transition:box-shadow .25s}.card:before{background-color:var(--card-background-color);border-radius:15px;content:"";inset:0;position:absolute}.card .icon{display:table;padding:12px;position:relative;z-index:2}.card .icon:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--card-icon-background-color);border:1px solid var(--card-icon-border-color);border-radius:50%;content:"";inset:4.5px;position:absolute;transition:background-color .25s,border-color .25s}.card .icon svg{color:var(--card-icon-color);display:block;height:30px;position:relative;transform:translateZ(0);transition:color .25s;width:30px;z-index:1}.card h4{color:var(--card-label-color);font-family:inherit;font-weight:600;line-height:2;margin:12px 0 4px}.card h4,.card p{font-size:14px;position:relative;z-index:2}.card p{color:var(--text-color);line-height:1.7;margin:0}.card .shine{border-radius:inherit;inset:0;opacity:0;overflow:hidden;position:absolute;transition:opacity .5s;z-index:1}.card .shine:before{background-image:var(--card-shine-gradient);border-radius:50%;bottom:55%;content:"";filter:blur(35px);left:50%;opacity:var(--card-shine-opacity);padding-bottom:150%;position:absolute;transform:translateX(-50%);width:150%}.card .background{border-radius:inherit;inset:0;-webkit-mask-image:radial-gradient(circle at 60% 5%,#000 0,#000 15%,#0000 60%);mask-image:radial-gradient(circle at 60% 5%,#000 0,#000 15%,#0000 60%);overflow:hidden;position:absolute}.card .background .tiles{opacity:0;transition:opacity .25s}.card .background .tiles .tile{animation-duration:8s;animation-iteration-count:infinite;background-color:var(--card-tile-color);opacity:0;position:absolute}.card .background .tiles .tile.tile-10,.card .background .tiles .tile.tile-4,.card .background .tiles .tile.tile-6{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{height:10%;left:0;top:0;width:22.5%}.card .background .tiles .tile.tile-2{height:10%;left:22.5%;top:0;width:27.5%}.card .background .tiles .tile.tile-3{height:10%;left:50%;top:0;width:27.5%}.card .background .tiles .tile.tile-4{height:10%;left:77.5%;top:0;width:22.5%}.card .background .tiles .tile.tile-5{height:22.5%;left:0;top:10%;width:22.5%}.card .background .tiles .tile.tile-6{height:22.5%;left:22.5%;top:10%;width:27.5%}.card .background .tiles .tile.tile-7{height:22.5%;left:50%;top:10%;width:27.5%}.card .background .tiles .tile.tile-8{height:22.5%;left:77.5%;top:10%;width:22.5%}.card .background .tiles .tile.tile-9{height:22.5%;left:50%;top:32.5%;width:27.5%}.card .background .tiles .tile.tile-10{height:22.5%;left:77.5%;top:32.5%;width:22.5%}@keyframes tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.card .background .line{inset:0;opacity:0;position:absolute;transition:opacity .35s}.card .background .line:after,.card .background .line:before{background-color:var(--card-line-color);content:"";position:absolute;transition:transform .35s}.card .background .line:before{height:1px;left:0;right:0;transform:scaleX(0);transform-origin:0 50%}.card .background .line:after{bottom:0;top:0;transform:scaleY(0);transform-origin:50% 0;width:1px}.card .background .line.line-1:before{top:10%}.card .background .line.line-1:after{left:22.5%}.card .background .line.line-1:after,.card .background .line.line-1:before{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:after,.card .background .line.line-2:before{transition-delay:.15s}.card .background .line.line-3:before{top:55%}.card .background .line.line-3:after{right:22.5%}.card: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:hover .icon:after{background-color:var(--card-hover-icon-background-color);border-color:var(--card-hover-icon-border-color)}.card:hover .icon svg{color:var(--card-hover-icon-color)}.card:hover .shine{opacity:1;transition-delay:0s;transition-duration:.5s}.card:hover .background .tiles{opacity:1;transition-delay:.25s}.card:hover .background .tiles .tile{animation-name:tile}.card:hover .background .line{opacity:1;transition-duration:.15s}.card:hover .background .line:before{transform:scaleX(1)}.card:hover .background .line:after{transform:scaleY(1)}.card:hover .background .line.line-1:after,.card:hover .background .line.line-1:before{transition-delay:0s}.card:hover .background .line.line-2:after,.card:hover .background .line.line-2:before{transition-delay:.15s}.card:hover .background .line.line-3:after,.card:hover .background .line.line-3:before{transition-delay:.3s}.day-night{cursor:pointer;opacity:.3;position:absolute;right:20px;top:20px}.day-night input{display:none}.day-night input+div{border-radius:50%;box-shadow:inset 8px -8px 0 0 var(--text-color);height:20px;position:relative;transform:scale(1) rotate(-2deg);transition:box-shadow .5s ease 0s,transform .4s ease .1s;width:20px}.day-night input+div:before{border-radius:inherit;content:"";height:inherit;left:0;position:absolute;top:0;transition:background-color .3s ease;width:inherit}.day-night input+div:after{border-radius:50%;box-shadow:0 -23px 0 var(--text-color),0 23px 0 var(--text-color),23px 0 0 var(--text-color),-23px 0 0 var(--text-color),15px 15px 0 var(--text-color),-15px 15px 0 var(--text-color),15px -15px 0 var(--text-color),-15px -15px 0 var(--text-color);content:"";height:6px;left:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;transform:scale(0);transition:all .3s ease;width:6px}.day-night input:checked+div{box-shadow:inset 20px -20px 0 0 var(--text-color);transform:scale(.5) rotate(0deg);transition:transform .3s ease .1s,box-shadow .2s ease 0s}.day-night input:checked+div:before{background:var(--text-color);transition:background-color .3s ease .1s}.day-night input:checked+div:after{transform:scale(1);transition:transform .5s ease .15s}html{-webkit-font-smoothing:antialiased;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{align-items:center;background-color:var(--background-color);display:flex;font-family:Inter,Arial;justify-content:center;min-height:100vh;overflow:hidden}body:before{background-image:radial-gradient(ellipse at top,#10b981 0,var(--background-color) 50%);content:"";inset:0 -60% 65% -60%;opacity:var(--blur-opacity);position:absolute}html{overflow-x:hidden;overflow-y:scroll}@media (max-width:900px){.grid{grid-gap:30px;display:grid;grid-template-columns:repeat(1,240px);position:relative;z-index:1}}.banner img{display:block;margin-left:auto;margin-right:auto;width:300px}@media (max-width:900px){.banner img{width:200px}}
/*# sourceMappingURL=main.1d16b4c5.css.map*/