footer{margin-top:5rem;border-top:1px solid var(--color-gray);padding:1rem}.footer-container{margin:2rem 5rem}.footer-text-container{display:flex;justify-content:space-between;gap:2rem}.footer-right{display:flex;flex-direction:column;width:30%}.footer-container ul{display:flex;padding:0;gap:10px}.footer-container ul li{text-decoration:none;list-style:none;color:var(--color-gray);transition:all .2s ease-in-out}.footer-container ul li:hover{color:var(--color-primary)}.footer-container ul li a{color:var(--color-gray);font-size:1.5rem;transition:all .2s ease-in-out}.footer-container ul li a:hover{color:var(--color-primary)}.footer-finish{text-align:center;color:var(--color-gray)}.footer-left,.footer-mid{width:30%}.support-container{display:flex;flex-direction:column;justify-content:center}.support-container li{display:flex;align-items:center;justify-content:space-between}.support-container li p{padding:0;margin:0}.support-item{display:flex;justify-content:center;align-items:center;max-width:85%;gap:5px;cursor:pointer}.support-container li p{padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media screen and (max-width: 1024px){.footer-container{margin:0 2rem}.footer-left,.footer-mid,.footer-right{width:100%}.footer-text-container{align-items:start;flex-direction:column}}@media screen and (max-width: 480px){.footer-left,.footer-mid,.footer-right{width:100%}.footer-container{margin:0}.footer-text-container{align-items:start;flex-direction:column}}.footer-animated{will-change:transform;transform:translateZ(0)}.animate-item{opacity:0;transform:translateY(30px) scale(.95);transition:all .6s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--delay, 0s)}.footer-animated.animate-in .animate-item{opacity:1;transform:translateY(0) scale(1)}.footer-right ul li a{transition:transform .3s ease,color .3s ease;display:inline-block}.footer-right ul li a:hover{transform:translateY(-3px) scale(1.1);color:var(--color-primary)}.support-item{transition:transform .3s ease}.support-item:hover{transform:translate(5px)}.nav-logo-container{transition:transform .3s ease}.nav-logo-container:hover{transform:scale(1.05)}.animate-item *{backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.animate-item{transition:opacity .3s ease;transform:none}.footer-animated.animate-in .animate-item{transform:none}}.copy{--button-bg: var(--color-gray);--button-hover-bg: var(--color-primary);--button-text-color: black;--button-hover-text-color: black;--button-border-radius: 10px;--button-diameter: 30px;--button-outline-width: 1px;--button-outline-color: rgb(141, 141, 141);--tooltip-bg: #f4f3f3;--toolptip-border-radius: 4px;--tooltip-font-family: Menlo, Roboto Mono, monospace;--tooltip-font-size: 12px;--tootip-text-color: rgb(50, 50, 50);--tooltip-padding-x: 7px;--tooltip-padding-y: 7px;--tooltip-offset: 8px}.copy{box-sizing:border-box;width:var(--button-diameter);height:var(--button-diameter);border-radius:var(--button-border-radius);background-color:var(--button-bg);color:var(--button-text-color);border:none;cursor:pointer;position:relative;outline:none}.tooltip{position:absolute;opacity:0;visibility:0;top:0;left:50%;transform:translate(-50%);white-space:nowrap;font:var(--tooltip-font-size) var(--tooltip-font-family);color:var(--tootip-text-color);background:var(--tooltip-bg);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--toolptip-border-radius);pointer-events:none;transition:all var(--tooltip-transition-duration) cubic-bezier(.68,-.55,.265,1.55)}.tooltip:before{content:attr(data-text-initial)}.tooltip:after{content:"";position:absolute;bottom:calc(var(--tooltip-padding-y) / 2 * -1);width:var(--tooltip-padding-y);height:var(--tooltip-padding-y);background:inherit;left:50%;transform:translate(-50%) rotate(45deg);z-index:-999;pointer-events:none}.copy svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkmark{display:none}.copy:hover .tooltip,.copy:focus:not(:focus-visible) .tooltip{opacity:1;visibility:visible;top:calc((100% + var(--tooltip-offset)) * -1)}.copy:focus:not(:focus-visible) .tooltip:before{content:attr(data-text-end)}.copy:focus:not(:focus-visible) .clipboard{display:none}.copy:focus:not(:focus-visible) .checkmark{display:block}.copy:hover,.copy:focus{background-color:var(--button-hover-bg)}.copy:active{outline:var(--button-outline-width) solid var(--button-outline-color)}.copy:hover svg{color:var(--button-hover-text-color)}.hamburger{transform:.2s;position:relative;align-items:center}.hamburger .checkbox{position:absolute;opacity:0;height:100%;width:100%;cursor:pointer}.line{transition:.5s;stroke-width:6px;stroke:#fff}.lineTop{stroke-dasharray:40 40;stroke-dashoffset:25}.lineBottom{stroke-dasharray:40 40;stroke-dashoffset:60}.lineMid{stroke-dasharray:40 40}.hamburger .checkbox:checked+svg .line{stroke:var(--color-primary)}.hamburger .checkbox:checked+svg .lineTop{stroke-dashoffset:0;transform-origin:left;transform:rotate(45deg) translate(-7px,-5px)}.hamburger .checkbox:checked+svg .lineMid{stroke-dashoffset:40}.hamburger .checkbox:checked+svg .lineBottom{stroke-dashoffset:0;transform-origin:left;transform:rotate(-45deg) translate(-5px,5px)}.navbar{display:flex;justify-content:space-between;align-items:center;margin:1rem 5rem;padding:0 1rem;width:100%;font-size:1.2rem}.nav-logo-container{display:flex;align-items:center;gap:1rem}.nav-logo-container a{color:#fff;font-weight:600;font-size:1.1rem;text-decoration:none;text-align:center;margin:1rem 0}.navbar ul{display:flex;gap:2rem}.navbar ul li{list-style:none}.navbar ul a{text-decoration:none}.nav-link{color:var(--color-gray);cursor:pointer;transition:ease-in-out .2s}.nav-link:hover{color:#fff}.nav-logo{width:40px}.active-nav-link{color:#fff}.hamburger{display:none}.mobile-menu-overlay{position:fixed;top:3rem;background:var(--color-bg);left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;opacity:0;visibility:hidden;transition:var(--transition-smooth)}.mobile-menu-overlay:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(199,120,221,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(199,120,221,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-50}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;justify-content:center;align-items:center}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:0}.mobile-nav-item{opacity:0;transform:translateY(30px);transition:var(--transition-bounce)}.mobile-menu-overlay.active .mobile-nav-item{opacity:1;transform:translateY(0);transition-delay:calc(var(--delay) * .1s)}.mobile-nav-link{color:var(--color-gray);text-decoration:none;font-size:1.2rem;font-weight:500;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:12px;position:relative;overflow:hidden}.mobile-nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(199,120,221,.2),transparent);transition:var(--transition-smooth)}.mobile-nav-link:hover:before{left:100%}.mobile-nav-link:hover{color:#fff;background:#c778dd1a;transform:scale(1.05)}.mobile-nav-link.active{color:#fff;background:#c778dd33}@media screen and (max-width: 1024px){.navbar{margin:.5rem 2rem}}@media screen and (max-width: 480px){.navbar ul{display:none}.navbar{margin:0}.hamburger,.mobile-menu-overlay{display:flex}}.side-links{position:absolute;margin-left:2rem}.icons{display:flex;flex-direction:column;gap:.5rem;font-size:1.3rem;padding:0;margin-top:250px}.icons li{list-style:none}.icons li a{color:var(--color-gray);transition:ease-in-out .2s}.icons li a:hover{color:var(--color-primary)}.side-links:before{position:absolute;content:"";width:2px;height:230px;background:var(--color-gray);margin-left:10px}@media screen and (max-width: 1024px){.side-links{margin-left:.5rem}.side-links:before{height:150px}.icons{margin-top:170px}}@media screen and (max-width: 480px){.side-links{display:none}}.side-links-animate{opacity:0;transition:opacity .1s ease-out}.side-links-animate .icon-item{opacity:0;transform:translate(-50px) scale(.8);transition:opacity .6s ease-out,transform .6s cubic-bezier(.175,.885,.32,1.275)}.side-links-animate .icon-item[data-index="0"]{transition-delay:.1s}.side-links-animate .icon-item[data-index="1"]{transition-delay:.2s}.side-links-animate .icon-item[data-index="2"]{transition-delay:.3s}.side-links-animate .icon-item[data-index="3"]{transition-delay:.4s}.side-links-animate .icon-item[data-index="4"]{transition-delay:.5s}.side-links-animate .icon-item[data-index="5"]{transition-delay:.6s}.side-links-animate .icon-item[data-index="6"]{transition-delay:.7s}.side-links-animate .icon-item[data-index="7"]{transition-delay:.8s}.side-links-animate .icon-item[data-index="8"]{transition-delay:.9s}.side-links-animate.animate-in{opacity:1}.side-links-animate.animate-in .icon-item{opacity:1;transform:translate(0) scale(1)}.side-links-animate.animate-in .icon-item a{transition:transform .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;overflow:hidden}.side-links-animate.animate-in .icon-item:hover a{transform:translateY(-3px) scale(1.1)}.side-links-animate.animate-in .icon-item[data-index="0"]:hover a{color:#5865f2;box-shadow:0 5px 15px #5865f266}.side-links-animate.animate-in .icon-item[data-index="1"]:hover a{color:#333;box-shadow:0 5px 15px #3336}.side-links-animate.animate-in .icon-item[data-index="2"]:hover a{color:#1da1f2;box-shadow:0 5px 15px #1da1f266}.side-links-animate.animate-in .icon-item[data-index="3"]:hover a{color:#e4405f;box-shadow:0 5px 15px #e4405f66}.side-links-animate.animate-in .icon-item[data-index="4"]:hover a{color:#ff0050;box-shadow:0 5px 15px #ff005066}.side-links-animate.animate-in .icon-item[data-index="5"]:hover a{color:#ff4500;box-shadow:0 5px 15px #ff450066}.side-links-animate.animate-in .icon-item[data-index="6"]:hover a{color:red;box-shadow:0 5px 15px #f006}.side-links-animate.animate-in .icon-item[data-index="7"]:hover a{color:#6fda44;box-shadow:0 5px 15px #6fda4466}.side-links-animate.animate-in .icon-item[data-index="8"]:hover a{color:#1dbf73;box-shadow:0 5px 15px #1dbf7366}.side-links-animate.animate-in .icon-item a:active{transform:translateY(-1px) scale(.95)}.side-links-animate.animate-in .icon-item{animation:breathe 4s ease-in-out infinite;animation-delay:calc(var(--index, 0) * .2s + 1s)}@keyframes breathe{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2px) scale(1.02)}}.side-links-animate .icon-item[data-index="0"]{--index: 0}.side-links-animate .icon-item[data-index="1"]{--index: 1}.side-links-animate .icon-item[data-index="2"]{--index: 2}.side-links-animate .icon-item[data-index="3"]{--index: 3}.side-links-animate .icon-item[data-index="4"]{--index: 4}.side-links-animate .icon-item[data-index="5"]{--index: 5}.side-links-animate .icon-item[data-index="6"]{--index: 6}.side-links-animate .icon-item[data-index="7"]{--index: 7}.side-links-animate .icon-item[data-index="8"]{--index: 8}.side-links-animate.animate-in .icon-item a:focus{outline:2px solid currentColor;outline-offset:3px;transform:translateY(-2px) scale(1.05)}.side-links-animate *{will-change:transform,opacity}.side-links-animate.animate-in *{will-change:auto}.side-links-animate.animate-in .icon-item{will-change:transform}@media (prefers-reduced-motion: reduce){.side-links-animate,.side-links-animate *{transition:none!important;transform:none!important;opacity:1!important;animation:none!important}.side-links-animate.animate-in .icon-item:hover a{transform:none!important}}.divider-container{display:flex;align-items:center;gap:1rem}.divider-line{width:50rem;height:2px;background:var(--color-primary)}@media screen and (max-width: 1024px){.divider-line{width:25rem}}@media screen and (max-width: 480px){.divider-line{width:7rem}}.primary-btn{font-weight:500;padding:.6rem 1.5rem;background:transparent;border:1px solid var(--color-primary);color:#fff;font-weight:600;font-size:16px;transition:ease-in-out .3s;text-align:center;width:fit-content;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:5px}.primary-btn:hover{background:#c778dd80}.about-section{padding:1rem}.about-container{display:flex;margin:2rem 5rem;justify-content:space-between}.about-text-container{width:50%;display:flex;flex-direction:column;justify-content:center;font-size:1.2rem}.about-img{position:relative}.about-img-container{display:flex;align-items:center;justify-content:center;position:relative;height:fit-content}.photo-dots-1{position:absolute;bottom:9rem;right:-2rem}.photo-dots-2{top:5rem;left:0;position:absolute}.about-img-container:after{width:20rem;height:2px;background:var(--color-primary);content:"";position:absolute;bottom:0}.about-square{left:-9rem;position:absolute}.about-section .animate-item{opacity:0;transform:translateY(40px);transition:all .7s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.about-section .animate-item.animate-shape{transform:translateY(40px) scale(.8) rotate(-8deg);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.about-section .animate-item.animate-image{transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.about-section .animate-item.animate-dots{transform:translate(30px) scale(.9);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.about-section .text-primary{transform:translate(-30px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.about-section .text-gray{transform:translate(-20px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}.about-section .animate-item:has(button),.about-section .animate-item button{transform:translateY(30px) scale(.95);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.about-section.animate-in .animate-item{opacity:1;transform:translateY(0)}.about-section.animate-in .animate-item.animate-shape{transform:translateY(0) scale(1) rotate(0)}.about-section.animate-in .animate-item.animate-image{transform:translateY(0) scale(1)}.about-section.animate-in .animate-item.animate-dots{transform:translate(0) scale(1)}.about-section.animate-in .text-primary,.about-section.animate-in .text-gray{transform:translate(0)}.about-section.animate-in .animate-item:has(button),.about-section.animate-in .animate-item button{transform:translateY(0) scale(1)}.about-section.animate-in .animate-item[data-delay="0"]{transition-delay:0ms}.about-section.animate-in .animate-item[data-delay="100"]{transition-delay:.1s}.about-section.animate-in .animate-item[data-delay="200"]{transition-delay:.2s}.about-section.animate-in .animate-item[data-delay="250"]{transition-delay:.25s}.about-section.animate-in .animate-item[data-delay="300"]{transition-delay:.3s}.about-section.animate-in .animate-item[data-delay="400"]{transition-delay:.4s}.about-section.animate-in .animate-item[data-delay="500"]{transition-delay:.5s}.about-section.animate-in .animate-item[data-delay="600"]{transition-delay:.6s}.about-section.animate-in .animate-item[data-delay="700"]{transition-delay:.7s}@keyframes gentle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes pulse-dots{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes subtle-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}.about-section.animate-in .about-square{animation:gentle-float 8s ease-in-out infinite 1.2s}.about-section.animate-in .photo-dots-1{animation:pulse-dots 6s ease-in-out infinite 2s}.about-section.animate-in .photo-dots-2{animation:pulse-dots 7s ease-in-out infinite 2.5s}.about-section.animate-in .about-img{animation:subtle-glow 10s ease-in-out infinite 1.5s}.about-section.animate-in .animate-item:has(button):hover{transform:translateY(-2px) scale(1.02);transition:all .3s ease}.about-section{transform:translateZ(0)}.about-section .animate-item{backface-visibility:hidden}.about-section.animate-in .animate-item{will-change:auto}@media (prefers-reduced-motion: reduce){.about-section .animate-item,.about-section .animate-item.animate-shape,.about-section .animate-item.animate-image,.about-section .animate-item.animate-dots{transition-duration:.3s;animation:none!important}.about-section .text-primary,.about-section .text-gray{transition-duration:.3s}}@media screen and (max-width: 1024px){.about-container{margin:0 2rem}.about-square{left:-11rem}}@media screen and (max-width: 480px){.about-container{flex-direction:column;margin:0}.about-square{display:none}.about-text-container{width:100%}.about-section .animate-item{transition-duration:.5s}.about-section.animate-in .about-square,.about-section.animate-in .photo-dots-1,.about-section.animate-in .photo-dots-2,.about-section.animate-in .about-img{animation-duration:4s}}.contact-section{padding:1rem}.contact-container{margin:2rem 5rem;display:flex;font-size:1.2rem;justify-content:space-between;align-items:center}.contact-text{width:70%}.contact-media{border:1px solid var(--color-gray);padding:0rem 2rem;color:var(--color-gray);display:flex;justify-content:start;flex-direction:column}.contact-media ul{padding:0;display:flex;flex-direction:column;gap:10px}.contact-media li{list-style:none}.contact-media li a{color:var(--color-gray);text-decoration:none;display:flex;align-items:center;gap:5px;transition:all .2s ease-in-out}.contact-media li a:hover{color:var(--color-primary)}@media screen and (max-width: 1024px){.contact-container{margin:0 2rem}}@media screen and (max-width: 480px){.contact-container{flex-direction:column;margin:0}}.contact-section .animate-item{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.contact-section .contact-text{transform:translate(-40px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}.contact-section .social-item{transform:translate(50px) scale(.95);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.contact-section .social-item a{display:flex;align-items:center;gap:.5rem;transform:rotate(-2deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.contact-section .text-white{transform:translateY(20px) scale(.98);transition:all .5s cubic-bezier(.25,.46,.45,.94);filter:brightness(.9)}.contact-section.animate-in .animate-item{opacity:1;transform:translateY(0)}.contact-section.animate-in .contact-text{transform:translate(0)}.contact-section.animate-in .social-item{transform:translate(0) scale(1)}.contact-section.animate-in .social-item a{transform:rotate(0)}.contact-section.animate-in .text-white{transform:translateY(0) scale(1);filter:brightness(1)}.contact-section.animate-in .animate-item[data-delay="0"]{transition-delay:0ms}.contact-section.animate-in .animate-item[data-delay="100"]{transition-delay:.1s}.contact-section.animate-in .animate-item[data-delay="200"]{transition-delay:.2s}.contact-section.animate-in .animate-item[data-delay="300"]{transition-delay:.3s}.contact-section.animate-in .animate-item[data-delay="350"]{transition-delay:.35s}.contact-section.animate-in .animate-item[data-delay="400"]{transition-delay:.4s}.contact-section.animate-in .animate-item[data-delay="450"]{transition-delay:.45s}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes icon-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-2px) rotate(1deg)}66%{transform:translateY(-1px) rotate(-.5deg)}}@keyframes text-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.contact-section.animate-in .text-white{animation:text-glow 4s ease-in-out infinite 1s}.contact-section.animate-in .social-item:nth-child(1) svg{animation:icon-float 3s ease-in-out infinite 1.2s}.contact-section.animate-in .social-item:nth-child(2) svg{animation:icon-float 3.5s ease-in-out infinite 1.4s}.contact-section.animate-in .social-item:nth-child(3) svg{animation:icon-float 2.8s ease-in-out infinite 1.6s}.contact-section.animate-in .social-item:nth-child(4) svg{animation:icon-float 3.2s ease-in-out infinite 1.8s}.contact-section.animate-in .social-item a:hover{transform:translateY(-3px) scale(1.05) rotate(2deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.contact-section.animate-in .social-item a:hover svg{transform:scale(1.1) rotate(5deg);transition:all .3s ease}.contact-section.animate-in .social-item:nth-child(1) a:hover{transition-delay:0ms}.contact-section.animate-in .social-item:nth-child(2) a:hover{transition-delay:50ms}.contact-section.animate-in .social-item:nth-child(3) a:hover{transition-delay:.1s}.contact-section.animate-in .social-item:nth-child(4) a:hover{transition-delay:.15s}.contact-section.animate-in .social-item a:focus{outline:2px solid var(--color-primary, #007acc);outline-offset:2px;transform:translateY(-2px) scale(1.03)}.contact-section{transform:translateZ(0)}.contact-section .animate-item{backface-visibility:hidden}.contact-section.animate-in .animate-item{will-change:auto}@media (prefers-reduced-motion: reduce){.contact-section .animate-item,.contact-section .contact-text,.contact-section .social-item,.contact-section .text-white{transition-duration:.3s;animation:none!important}.contact-section .social-item a{transition-duration:.2s}.contact-section.animate-in .social-item a:hover,.contact-section.animate-in .social-item a:focus{transform:none}}@media (max-width: 768px){.contact-section .animate-item{transition-duration:.5s}.contact-section .social-item{transform:translateY(30px) scale(.98)}.contact-section.animate-in .social-item{transform:translateY(0) scale(1)}.contact-section.animate-in .text-white,.contact-section.animate-in .social-item svg{animation-duration:6s}}@media (prefers-contrast: high){.contact-section.animate-in .social-item a:hover,.contact-section.animate-in .social-item a:focus{outline:3px solid currentColor}}.hero-section{display:flex;justify-content:space-between;margin:2rem 5rem;padding:0rem 1rem}.hero-text{width:50%;display:flex;justify-content:center;flex-direction:column;font-size:1.2rem}.hero-text h1{color:#fff;font-weight:600;text-align:left}.hero-text p{padding:1.5rem 0;color:var(--color-gray)}.photo-container{width:50%}.hero-photo{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.photo-logo{position:absolute;left:-100px;top:0;z-index:-1}.photo-logo img{width:250px}.photo-dots{position:absolute;right:0;bottom:100px}.photo-status{display:flex;justify-content:start;border:1px solid var(--color-gray);align-items:center;width:calc(100% - 60px);margin-right:20px}.primary-color-box{height:15px;width:15px;background:var(--color-primary);margin:0 10px}@media screen and (max-width: 1024px){.hero-section{margin:2rem}.hero-photo img{width:20rem}.photo-logo img{width:150px}.photo-logo{left:-2.5rem}.photo-status{width:calc(100% - 35px);margin-right:10px}.hero-text p{padding:0}}@media screen and (max-width: 480px){.hero-section{flex-direction:column;justify-content:center;gap:1rem;margin:2rem 0rem}.hero-text{width:100%}.photo-logo{left:0rem}}.hero-animate{opacity:0;transition:opacity .1s ease-out}.hero-animate .hero-title{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.hero-animate .hero-subtitle{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out .2s,transform .8s ease-out .2s}.hero-animate .hero-btn{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out .4s,transform .8s ease-out .4s}.hero-animate .hero-highlight{opacity:0;transform:translateY(10px);transition:opacity .6s ease-out .6s,transform .6s ease-out .6s;display:inline-block}.hero-animate .photo-main img{opacity:0;transform:scale(.9) translate(30px);transition:opacity .8s ease-out .3s,transform .8s ease-out .3s}.hero-animate .photo-logo{opacity:0;transform:rotate(-10deg) scale(.8);transition:opacity .8s ease-out .5s,transform .8s ease-out .5s}.hero-animate .photo-dots{opacity:0;transform:translate(20px);transition:opacity .8s ease-out .7s,transform .8s ease-out .7s}.hero-animate .photo-status{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out .9s,transform .8s ease-out .9s}.hero-animate.animate-in{opacity:1}.hero-animate.animate-in .hero-title,.hero-animate.animate-in .hero-subtitle,.hero-animate.animate-in .hero-btn,.hero-animate.animate-in .hero-highlight{opacity:1;transform:translateY(0)}.hero-animate.animate-in .photo-main img{opacity:1;transform:scale(1) translate(0)}.hero-animate.animate-in .photo-logo{opacity:1;transform:rotate(0) scale(1)}.hero-animate.animate-in .photo-dots{opacity:1;transform:translate(0)}.hero-animate.animate-in .photo-status{opacity:1;transform:translateY(0)}.hero-animate *{will-change:transform,opacity}.hero-animate.animate-in *{will-change:auto}@media (prefers-reduced-motion: reduce){.hero-animate,.hero-animate *{transition:none!important;transform:none!important;opacity:1!important}}.project-card-container{display:flex;justify-content:center;flex-direction:column;border:solid 1px var(--color-gray);width:300px;height:fit-content}.project-photo{width:300px;height:200px;object-fit:cover}.project-tech{padding:1rem;margin:0;color:var(--color-gray);border-bottom:1px solid var(--color-gray)}.project-details{padding:1rem}.project-heading{color:#fff}.project-description{color:var(--color-gray)}.projects-section{padding:1rem;overflow:hidden;position:relative}.projects-divider{display:flex;justify-content:space-between;align-items:center;margin:2rem 5rem}.projects-divider a{text-decoration:none;color:#fff;display:flex;font-size:1rem;justify-content:center;align-items:center;gap:.2rem;transition:all .2s}.projects-divider a:hover{color:var(--color-primary)}.projects-container{display:flex;gap:3rem;justify-content:center}.projects-dots{position:absolute;left:-3rem;top:8rem}.projects-rect{position:absolute;right:-3.5rem;bottom:0}@media screen and (max-width: 1024px){.projects-container{flex-direction:column;align-items:center}.projects-divider{margin:0 2rem}}@media screen and (max-width: 480px){.projects-divider{margin:0}.projects-dots{left:-4.5rem}.projects-rect{right:-5rem;bottom:0}.projects-container{flex-direction:column;align-items:center}}.projects-animate{opacity:0;transition:opacity .1s ease-out}.projects-animate .animate-divider{opacity:0;transform:translateY(-30px);transition:opacity .8s ease-out .1s,transform .8s ease-out .1s}.projects-animate .divider-wrapper{transform:translate(-20px);transition:transform .6s ease-out .2s}.projects-animate .view-all-link{opacity:0;transform:translate(20px);transition:opacity .6s ease-out .3s,transform .6s ease-out .3s}.projects-animate .link-arrow{display:inline-block;transform:translate(-10px);transition:transform .4s ease-out .4s}.projects-animate .animate-dots{opacity:0;transform:scale(.8) rotate(-10deg);transition:opacity .7s ease-out .5s,transform .7s cubic-bezier(.175,.885,.32,1.275) .5s}.projects-animate .project-card-wrapper{opacity:0;transform:translateY(40px) scale(.95);transition:opacity .8s ease-out,transform .8s cubic-bezier(.175,.885,.32,1.275)}.projects-animate .project-card-wrapper[data-index="0"]{transition-delay:.6s}.projects-animate .project-card-wrapper[data-index="1"]{transition-delay:.8s}.projects-animate .project-card-wrapper[data-index="2"]{transition-delay:1s}.projects-animate .animate-rect{opacity:0;transform:translate(30px) rotate(15deg) scale(.7);transition:opacity .7s ease-out 1.2s,transform .7s cubic-bezier(.175,.885,.32,1.275) 1.2s}.projects-animate.animate-in{opacity:1}.projects-animate.animate-in .animate-divider{opacity:1;transform:translateY(0)}.projects-animate.animate-in .divider-wrapper{transform:translate(0)}.projects-animate.animate-in .view-all-link{opacity:1;transform:translate(0)}.projects-animate.animate-in .link-arrow{transform:translate(0)}.projects-animate.animate-in .animate-dots{opacity:1;transform:scale(1) rotate(0)}.projects-animate.animate-in .project-card-wrapper{opacity:1;transform:translateY(0) scale(1)}.projects-animate.animate-in .animate-rect{opacity:1;transform:translate(0) rotate(0) scale(1)}.projects-animate.animate-in .view-all-link a{position:relative;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.projects-animate.animate-in .view-all-link a:hover{transform:translate(3px)}.projects-animate.animate-in .view-all-link a:hover .link-arrow{transform:translate(5px);animation:arrowPulse .6s ease infinite alternate}@keyframes arrowPulse{0%{transform:translate(5px) scale(1)}to{transform:translate(7px) scale(1.1)}}.projects-animate.animate-in .project-card-wrapper{transition:transform .3s ease,box-shadow .3s ease}.projects-animate.animate-in .project-card-wrapper:hover{transform:translateY(-5px) scale(1.02);filter:drop-shadow(0 10px 25px rgba(0,0,0,.15))}.projects-animate.animate-in .animate-dots{animation:floatDots 4s ease-in-out infinite;animation-delay:2s}.projects-animate.animate-in .animate-rect{animation:floatRect 5s ease-in-out infinite;animation-delay:2.5s}@keyframes floatDots{0%,to{transform:scale(1) rotate(0) translateY(0)}50%{transform:scale(1.05) rotate(2deg) translateY(-3px)}}@keyframes floatRect{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(2px) rotate(1deg) scale(1.02)}75%{transform:translate(-2px) rotate(-1deg) scale(1.02)}}.projects-animate.animate-in .project-card-wrapper{animation:breatheCard 6s ease-in-out infinite}.projects-animate.animate-in .project-card-wrapper[data-index="0"]{animation-delay:3s}.projects-animate.animate-in .project-card-wrapper[data-index="1"]{animation-delay:3.5s}.projects-animate.animate-in .project-card-wrapper[data-index="2"]{animation-delay:4s}@keyframes breatheCard{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}}.projects-animate.animate-in .view-all-link a:focus{outline:2px solid currentColor;outline-offset:3px;transform:translate(2px)}.projects-animate.animate-in .project-card-wrapper:focus-within{transform:translateY(-3px) scale(1.01);outline:2px solid currentColor;outline-offset:5px}.projects-animate *{will-change:transform,opacity}.projects-animate.animate-in *{will-change:auto}.projects-animate.animate-in .animate-dots,.projects-animate.animate-in .animate-rect,.projects-animate.animate-in .project-card-wrapper{will-change:transform}@media (prefers-reduced-motion: reduce){.projects-animate,.projects-animate *{transition:none!important;transform:none!important;opacity:1!important;animation:none!important}.projects-animate.animate-in .view-all-link a:hover,.projects-animate.animate-in .project-card-wrapper:hover{transform:none!important}}.quote-section{display:flex;color:#fff;flex-direction:column;margin-top:2rem;align-items:center;padding:4rem 2rem;justify-content:center;overflow:hidden;position:relative}.quote-container{position:relative;padding:2rem 3rem;border:2px solid var(--color-gray);width:60%;max-width:600px;background-color:transparent}.opening-quote{position:absolute;top:-23px;left:20px;font-size:3rem;color:var(--color-gray);background-color:var(--color-bg);padding:0 5px}.closing-quote{position:absolute;bottom:-10px;right:20px;font-size:3rem;color:var(--color-gray);background-color:var(--color-bg);padding:0 5px}.quote-text{margin:0;font-size:1.1rem;line-height:1.5;text-align:center;font-size:1.2rem}.quote-author{border:2px solid var(--color-gray);border-top:0;width:auto;min-width:120px;padding:.5rem 1rem;background-color:transparent}.quote-author p{margin:0;text-align:center}.quote-rect{position:absolute;z-index:-1;right:-2rem;overflow:hidden}.quote-animate{opacity:0;transition:opacity .1s ease-out}.quote-animate .quote-mark{opacity:0;transform:scale(.5) rotate(15deg);transition:opacity .6s ease-out,transform .6s cubic-bezier(.175,.885,.32,1.275)}.quote-animate .opening-quote{transition-delay:.1s}.quote-animate .closing-quote{transition-delay:1s}.quote-animate .quote-text{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out .3s,transform .8s ease-out .3s}.quote-animate .quote-rect{opacity:0;transform:translate(-30px) rotate(-5deg);transition:opacity .7s ease-out .5s,transform .7s ease-out .5s}.quote-animate .quote-author{opacity:0;transform:translateY(15px);transition:opacity .6s ease-out 1s,transform .6s ease-out 1s}.quote-animate.animate-in{opacity:1}.quote-animate.animate-in .quote-mark{opacity:1;transform:scale(1) rotate(0)}.quote-animate.animate-in .quote-text{opacity:1;transform:translateY(0)}.quote-animate.animate-in .quote-rect{opacity:1;transform:translate(0) rotate(0)}.quote-animate.animate-in .quote-author{opacity:1;transform:translateY(0)}.quote-animate.animate-in .quote-text{overflow:hidden;white-space:nowrap;width:0;animation:typewriter 1.5s steps(40) .4s forwards}@keyframes typewriter{to{width:100%}}.quote-animate.animate-in .quote-mark{animation:float 3s ease-in-out 1.2s infinite alternate}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.05)}}.quote-animate *{will-change:transform,opacity}.quote-animate.animate-in *{will-change:auto}.quote-animate.animate-in .quote-mark,.quote-animate.animate-in .quote-rect{will-change:transform}@media (prefers-reduced-motion: reduce){.quote-animate,.quote-animate *{transition:none!important;transform:none!important;opacity:1!important;animation:none!important}.quote-animate .quote-text{width:auto!important;white-space:normal!important}}@media screen and (max-width: 480px){.quote-rect{right:-3rem}.quote-animate.animate-in .quote-text{width:auto!important;white-space:normal!important;animation:none!important}}.skill-box{border:1px solid var(--color-gray)}.skill-box h3{border-bottom:1px solid var(--color-gray);padding:1rem;margin:0;color:#fff}.skill-box p{padding:1rem;color:var(--color-gray);margin:0}.skills-section{padding:1rem;position:relative;overflow:hidden}.skills-divider{margin:2rem 5rem}.skills-container{display:flex;justify-content:space-between;gap:5rem;margin:2rem 5rem}.skills-shapes{display:flex;align-items:center;justify-content:center;position:relative;width:50%}.skills-logo{width:15rem}.floating-shape-1{position:absolute;right:5rem;top:0}.floating-shape-2{position:absolute;right:0}.floating-shape-3{position:absolute;left:5rem;top:0}.floating-shape-4{position:absolute;left:10rem;bottom:0}.skill-boxes{display:flex;flex-direction:column;gap:1rem;width:50%}.boxes-section-1,.boxes-section-2{display:flex;gap:1rem}@media screen and (max-width: 1024px){.skills-logo{width:15rem}.floating-shape-1{position:absolute;right:-5rem;top:-3rem}.floating-shape-2{position:absolute;right:0;bottom:0}.floating-shape-3{position:absolute;left:-3rem;top:0}.floating-shape-4{position:absolute;left:7rem;bottom:-5rem;z-index:-1}.skills-shapes,.skill-boxes{width:100%}.skills-container{flex-direction:column}.projects-container{flex-direction:column;align-items:center}.skills-container{margin:0rem 2rem}.skills-divider{margin:0 2rem}}@media screen and (max-width: 480px){.skills-logo{width:10rem}.floating-shape-1{position:absolute;right:-5rem;top:-3rem}.floating-shape-2{position:absolute;right:0;bottom:0}.floating-shape-3{position:absolute;left:-3rem;top:0}.floating-shape-4{position:absolute;left:7rem;bottom:-5rem;z-index:-1}.skills-shapes,.skill-boxes{width:100%}.skills-container{flex-direction:column}.skills-divider{margin:0}.skills-container{margin:0rem}}.skills-section .animate-item{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.skills-section .floating-logo,.skills-section .floating-shape-1,.skills-section .floating-shape-2,.skills-section .floating-shape-3,.skills-section .floating-shape-4{transform:translateY(30px) rotate(-5deg) scale(.9);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.skills-section.animate-in .animate-item{opacity:1;transform:translateY(0)}.skills-section.animate-in .floating-logo,.skills-section.animate-in .floating-shape-1,.skills-section.animate-in .floating-shape-2,.skills-section.animate-in .floating-shape-3,.skills-section.animate-in .floating-shape-4{transform:translateY(0) rotate(0) scale(1)}.skills-section.animate-in .animate-item[data-delay="0"]{transition-delay:0ms}.skills-section.animate-in .animate-item[data-delay="100"]{transition-delay:.1s}.skills-section.animate-in .animate-item[data-delay="200"]{transition-delay:.2s}.skills-section.animate-in .animate-item[data-delay="250"]{transition-delay:.25s}.skills-section.animate-in .animate-item[data-delay="300"]{transition-delay:.3s}.skills-section.animate-in .animate-item[data-delay="350"]{transition-delay:.35s}.skills-section.animate-in .animate-item[data-delay="400"]{transition-delay:.4s}.skills-section.animate-in .animate-item[data-delay="500"]{transition-delay:.5s}.skills-section.animate-in .animate-item[data-delay="550"]{transition-delay:.55s}.skills-section.animate-in .animate-item[data-delay="600"]{transition-delay:.6s}.skills-section.animate-in .animate-item[data-delay="650"]{transition-delay:.65s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-.5deg)}}.skills-section.animate-in .floating-logo{animation:float 6s ease-in-out infinite 1s}.skills-section.animate-in .floating-shape-1{animation:float 7s ease-in-out infinite 1.2s}.skills-section.animate-in .floating-shape-2{animation:float 5s ease-in-out infinite 1.4s}.skills-section.animate-in .floating-shape-3{animation:float 8s ease-in-out infinite 1.6s}.skills-section.animate-in .floating-shape-4{animation:float 6.5s ease-in-out infinite 1.8s}.skills-section{transform:translateZ(0)}.skills-section .animate-item{backface-visibility:hidden}.skills-section.animate-in .animate-item{will-change:auto;transition:all .6s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.skills-section .animate-item,.skills-section .floating-logo,.skills-section .floating-shape-1,.skills-section .floating-shape-2,.skills-section .floating-shape-3,.skills-section .floating-shape-4{transition-duration:.3s;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home{width:100vw;overflow-x:hidden;overflow-x:clip!important}.text-primary{color:var(--color-primary);font-weight:700}.text-white{color:#fff}.text-gray{color:var(--color-gray)}.header{display:flex}.head-route-container{margin:2rem 5rem;padding:1rem;color:#fff}@media screen and (max-width: 1024px){.head-route-container{margin:0 2rem}}@media screen and (max-width: 480px){.head-route-container{margin:0}}.contact-form-container{max-width:600px;margin:0 auto;padding:20px;color:var(--color-gray)}.contact-title{color:var(--color-primary);font-size:24px;margin-bottom:20px;font-weight:700}.contact-form{display:flex;flex-direction:column;gap:15px;font-size:1.2rem;font-weight:500}.form-row{display:flex;gap:15px}.input-container{position:relative;flex:1}.form-input,.form-textarea{width:100%;padding:16px 12px 8px;background-color:transparent;border:1px solid var(--color-gray);border-radius:4px;color:var(--color-gray);font-size:1rem;outline:none;transition:border-color .3s ease;box-sizing:border-box}.form-textarea{resize:vertical;font-family:inherit}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary)}.form-label{position:absolute;left:12px;top:12px;color:var(--color-gray);font-size:14px;opacity:.7;transition:all .3s ease;pointer-events:none;background-color:var(--color-bg);padding:0 4px}.form-label.active,.form-input:focus+.form-label,.form-textarea:focus+.form-label{top:-8px;font-size:12px;color:var(--color-primary);opacity:1}.submit-button{align-self:flex-start;padding:12px 24px;background-color:transparent;border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;outline:none}.submit-button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-bg)}.submit-button.loading{opacity:.6;cursor:not-allowed}.status-message{padding:10px;border-radius:4px;font-size:14px;text-align:center;margin-top:10px}.status-message.success{color:var(--color-primary)}.status-message.error{color:var(--color-gray)}@media (max-width: 600px){.contact-form-container{margin:0}.form-row{flex-direction:column}}.contact{width:100vw;overflow-x:hidden;overflow-x:clip!important}.email-me-container{display:flex;margin:0 5rem;justify-content:space-between;align-items:center}.cta{width:50%}@media screen and (max-width: 1024px){.email-me-container{margin:0 2rem}}@media screen and (max-width: 480px){.email-me-container{flex-direction:column;margin:0}.cta,.email-contact-form{width:100%}}.about-page-section{padding:1rem}.about-page-container{display:flex;margin:2rem 5rem;justify-content:space-between}.about-page-text-container{width:50%;display:flex;flex-direction:column;justify-content:center;font-size:1.2rem}@media screen and (max-width: 1024px){.about-page-container{margin:0 2rem}}@media screen and (max-width: 480px){.about-page-container{flex-direction:column;margin:0}.about-page-text-container{width:100%}}@font-face{font-family:FunnelDisplay;src:url(/assets/FunnelDisplay-Regular-BdOCpaMi.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FunnelDisplay;src:url(/assets/FunnelDisplay-Medium-DhAn2kka.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:FunnelDisplay;src:url(/assets/FunnelDisplay-Light-7IOTLgXs.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:FunnelDisplay;src:url(/assets/FunnelDisplay-SemiBold-CEa0aVZN.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:FunnelDisplay;src:url(/assets/FunnelDisplay-Bold-DTLoSGVa.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:FunnelDisplay;src:url(./assets/fonts/FunnelDisplay-ExtraBold.ttf.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #c778dd;--color-gray: #abb2bf;--color-bg: #282c33;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}html{scroll-behavior:smooth}body{background:var(--color-bg);margin:0;font-family:FunnelDisplay,sans-serif;width:100vw;overflow-x:hidden;overflow-x:clip!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#282c334d,#282c33cc,#282c334d);border-radius:10px;margin:10px 0;position:relative}::-webkit-scrollbar-track:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(199,120,221,.3) 20%,rgba(199,120,221,.6) 50%,rgba(199,120,221,.3) 80%,transparent 100%);border-radius:1px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c778ddcc,#c778dd,#c778ddcc);border-radius:10px;border:2px solid transparent;background-clip:padding-box;position:relative;transition:all .3s ease;box-shadow:0 0 10px #c778dd80,inset 0 1px #fff3,inset 0 -1px #0003}::-webkit-scrollbar-thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:20px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);border-radius:3px;opacity:.7}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c778dd 0% 50%,#c778dd);box-shadow:0 0 20px #c778ddcc,0 0 30px #c778dd66,inset 0 1px #ffffff4d,inset 0 -1px #0000004d;transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#c778dd,#fff3,#c778dd);box-shadow:0 0 25px #c778dd,0 0 40px #c778dd99,inset 0 2px 4px #0006}::-webkit-scrollbar-corner{background:var(--color-bg)}::-webkit-scrollbar-track{position:relative;overflow:hidden}::-webkit-scrollbar-track:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(199,120,221,.1) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(199,120,221,.1) 0%,transparent 50%);pointer-events:none}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(199,120,221,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(199,120,221,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-50}