.theme-switch{--toggle-size:12px;--container-width:5.625em;--container-height:2.5em;--container-radius:6.25em;--container-light-bg:#3D7EAE;--container-night-bg:#1D1F2C;--circle-container-diameter:3.375em;--sun-moon-diameter:2.125em;--sun-bg:#ECCA2F;--moon-bg:#C4C9D1;--spot-color:#959DB1;--circle-container-offset:calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color:#fff;--clouds-color:#F3FDFF;--back-clouds-color:#AACADF;--transition:.5s cubic-bezier(0,-0.02,0.4,1.25);--circle-transition:.3s cubic-bezier(0,-0.02,0.35,1.17)}.theme-switch,.theme-switch *,.theme-switch :after,.theme-switch :before{box-sizing:border-box;margin:0;padding:0;font-size:var(--toggle-size)}.theme-switch__container{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);overflow:hidden;cursor:pointer;box-shadow:0 -.062em .062em rgba(0,0,0,.25),0 .062em .125em rgba(255,255,255,.94);transition:var(--transition);position:relative}.theme-switch__container:before{content:"";position:absolute;z-index:1;inset:0;box-shadow:inset 0 .05em .187em rgba(0,0,0,.25),inset 0 .05em .187em rgba(0,0,0,.25);border-radius:var(--container-radius)}.theme-switch__checkbox{display:none}.theme-switch__circle-container{width:var(--circle-container-diameter);height:var(--circle-container-diameter);background-color:rgba(255,255,255,.1);position:absolute;left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);box-shadow:inset 0 0 0 3.375em rgba(255,255,255,.1),inset 0 0 0 3.375em rgba(255,255,255,.1),0 0 0 .625em rgba(255,255,255,.1),0 0 0 1.25em rgba(255,255,255,.1);display:flex;transition:var(--circle-transition);pointer-events:none}.theme-switch__sun-moon-container{pointer-events:auto;position:relative;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);margin:auto;border-radius:var(--container-radius);background-color:var(--sun-bg);box-shadow:inset .062em .062em .062em 0 rgba(254,255,239,.61),inset 0 -.062em .062em 0 #a1872a;filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0 .062em .125em rgba(0,0,0,.25));overflow:hidden;transition:var(--transition)}.theme-switch__moon{transform:translateX(100%);width:100%;height:100%;background-color:var(--moon-bg);border-radius:inherit;box-shadow:inset .062em .062em .062em 0 rgba(254,255,239,.61),inset 0 -.062em .062em 0 #969696;transition:var(--transition);position:relative}.theme-switch__spot{position:absolute;top:.75em;left:.312em;width:.75em;height:.75em;border-radius:var(--container-radius);background-color:var(--spot-color);box-shadow:inset 0 .0312em .062em rgba(0,0,0,.25)}.theme-switch__spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__clouds{width:1.25em;height:1.25em;background-color:var(--clouds-color);border-radius:var(--container-radius);position:absolute;bottom:-.625em;left:.312em;box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);transition:.5s cubic-bezier(0,-.02,.4,1.25)}.theme-switch__stars-container{position:absolute;color:var(--stars-color);top:-100%;left:.312em;width:2.75em;height:auto;transition:var(--transition)}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-switch__circle-container:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;transform:translateY(-50%)}.about-card{position:relative;font-size:17px;font-weight:800;color:hsl(150,84%,67%);padding:1em 2em;border:none;background:none;display:flex;justify-content:center;align-items:center;overflow:hidden;text-shadow:1px 1px 20px #e0aaff}.about-card:before{background:hsl(var(--primary))}.about-card:after,.about-card:before{content:"";position:absolute;width:0;height:2px;transition:width .3s .6s}.about-card:after{background:hsl(var(--foreground))}.about-card:before{top:0;left:0;transform-origin:top}.about-card:after{bottom:0;right:0;transform-origin:bottom}.about-card:hover:after,.about-card:hover:before{width:65%}.about-card-span-1{background:hsl(150,84%,67%)}.about-card-span-1,.about-card-span-2{position:absolute;width:0;height:2px;transition:width .3s,transform .3s .3s;transform:rotate(22.3deg)}.about-card-span-2{background:hsl(var(--foreground))}.about-card span:first-child{top:0;left:0;transform-origin:left}.about-card span:nth-child(2){bottom:0;right:0;transform-origin:right}.about-card:hover span{width:55%;transform:rotate(50deg)}.card,[data-theme=dark] .card{position:relative;width:100%;height:100%;border-radius:14px;z-index:10;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}[data-theme=dark] .card{box-shadow:20px 20px 60px #bebebe,-20px -20px 60px red}.bg{top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);z-index:2;background:rgba(255,255,255,.85);backdrop-filter:blur(24px);border-radius:10px;overflow:hidden;outline:2px solid white}.bg,.blob{position:absolute}.blob{z-index:1;top:50%;left:50%;width:calc(100% + 90px);height:calc(100% + 90px);border-radius:50%;background-color:hsl(var(--primary));opacity:1;filter:blur(12px);animation:blob-bounce 5s ease infinite}@keyframes blob-bounce{0%{transform:translate(-100%,-100%) translateZ(0)}25%{transform:translate(-100%,-100%) translate3d(100%,0,0)}50%{transform:translate(-100%,-100%) translate3d(100%,100%,0)}75%{transform:translate(-100%,-100%) translate3d(0,100%,0)}to{transform:translate(-100%,-100%) translateZ(0)}}.download-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;background:none;color:#0f1923;cursor:pointer;position:relative;padding:8px;margin-bottom:20px;text-transform:uppercase;font-weight:700;font-size:14px;transition:all .15s ease}.download-button:after,.download-button:before{content:"";display:block;position:absolute;right:0;left:0;height:calc(50% - 5px);border:1px solid #7d8082;transition:all .15s ease}.download-button:before{top:0;border-bottom-width:0}.download-button:after{bottom:0;border-top-width:0}.download-button:active,.download-button:focus{outline:none}.download-button:active:after,.download-button:active:before{right:3px;left:3px}.download-button:active:before{top:3px}.download-button:active:after{bottom:3px}.download-button_lg{position:relative;display:block;padding:10px 20px;color:#fff;background-color:hsl(var(--primary));overflow:hidden;box-shadow:inset 0 0 0 1px transparent}.download-button_lg:before{top:0;left:0;width:2px;height:2px}.download-button_lg:after,.download-button_lg:before{content:"";display:block;position:absolute;background-color:#0f1923}.download-button_lg:after{right:0;bottom:0;width:4px;height:4px;transition:all .2s ease}.download-button_sl{display:block;position:absolute;top:0;bottom:-1px;left:-8px;width:0;background-image:linear-gradient(to bottom right,hsl(150,84%,67%),hsl(150,81%,23%));transform:skew(-15deg);transition:all .2s ease}.download-button_text{position:relative}.download-button:hover{color:hsl(var(--primary))}.download-button:hover .download-button_sl{width:calc(100% + 15px)}.download-button:hover .download-button_lg:after{background-color:#fff}