:root{--color-primary: 20, 184, 166;--color-primary-light: 153, 246, 228;--color-primary-dark: 15, 118, 110;--color-bg-main: 248, 250, 252;--color-bg-offset: 241, 245, 249;--color-bg-component: 255, 255, 255;--color-text-primary: 15, 23, 42;--color-text-secondary: 71, 85, 105;--color-text-tertiary: 100, 116, 139;--color-border: 226, 232, 240;--color-shadow: 15, 23, 42;--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease, fill .3s ease, stroke .3s ease}html.dark{--color-primary: 20, 184, 166;--color-primary-light: 45, 212, 191;--color-primary-dark: 94, 234, 212;--color-bg-main: 15, 23, 42;--color-bg-offset: 30, 41, 59;--color-bg-component: 51, 65, 85;--color-text-primary: 248, 250, 252;--color-text-secondary: 226, 232, 240;--color-text-tertiary: 203, 213, 225;--color-border: 51, 65, 85;--color-shadow: 0, 0, 0}html{font-family:Inter,system-ui,sans-serif;height:100%;overflow-y:scroll;scroll-behavior:smooth}body{line-height:1.6;overflow-x:hidden;transition:var(--transition-theme)}section{scroll-margin-top:75px;min-height:auto;position:relative;overflow:hidden;padding-top:100px;padding-bottom:60px}section:first-of-type{padding-top:0}#home-hero{min-height:100vh;scroll-margin-top:0}section:not(#home-hero){min-height:calc(100vh - 75px)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{transition:color .3s ease,background-color .3s ease,transform .3s ease,box-shadow .3s ease}*:focus-visible{outline:2px solid rgba(var(--color-primary),.7);outline-offset:2px;border-radius:3px}*:focus{outline:none}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up{transform:translateY(30px)}.animate-on-scroll.is-visible.fade-in-up{opacity:1;transform:translateY(0)}.animate-on-scroll.is-visible.fade-in{opacity:1}.scale-up{transform:scale(.95)}.animate-on-scroll.is-visible.scale-up{opacity:1;transform:scale(1)}.nav-link.active-link{color:#0f766e}.dark .nav-link.active-link{color:#5eead4}.nav-link.active-link span{width:100%;background-color:#0d9488}.dark .nav-link.active-link span{background-color:#5eead4}.mobile-active-link{color:#0f766e;background-color:#ccfbf1}.dark .mobile-active-link{color:#99f6e4;background-color:#14b8a626}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 20s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% auto;animation:gradient 5s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){section{scroll-margin-top:65px;padding-top:80px}#home-hero{scroll-margin-top:0}section:not(#home-hero){min-height:calc(100vh - 65px)}#back-to-top-button{bottom:1rem;right:1rem;padding:.6rem}#back-to-top-button svg{height:1.25rem;width:1.25rem}}html.changing-theme *{transition:none!important}html.changing-theme{transition:background-color .3s ease,color .3s ease}html.fun-mode{--fun-primary: 236, 72, 153;--fun-secondary: 249, 168, 212;--fun-accent: 124, 58, 237;--fun-bg-gradient-1: 253, 224, 71;--fun-bg-gradient-2: 236, 72, 153;--fun-text: 15, 23, 42;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ec4899' stroke='white' stroke-width='2'><path d='M12 19l7-7 3 3-7 7-3-3z'/><path d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z'/><path d='M2 2l7.586 7.586'/><circle cx='11' cy='11' r='2'/></svg>"),auto}html.dark.fun-mode{--fun-primary: 249, 168, 212;--fun-secondary: 236, 72, 153;--fun-accent: 167, 139, 250;--fun-bg-gradient-1: 30, 41, 59;--fun-bg-gradient-2: 88, 28, 135;--fun-text: 248, 250, 252}html.fun-mode .fixed.inset-0.-z-10{background:linear-gradient(-45deg,rgba(var(--fun-bg-gradient-1),.7),rgba(var(--fun-bg-gradient-2),.7),rgba(var(--fun-accent),.5),rgba(var(--fun-primary),.6));background-size:400% 400%;animation:funGradient 15s ease infinite}@keyframes funGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}html.fun-mode h1,html.fun-mode h2,html.fun-mode h3{font-family:Caveat,cursive;letter-spacing:.05em;transform:rotate(-1deg);transition:all .3s ease}html.fun-mode h1:hover,html.fun-mode h2:hover,html.fun-mode h3:hover{transform:rotate(1deg) scale(1.03);color:rgb(var(--fun-primary))}html.fun-mode a.bg-teal-500,html.fun-mode button.bg-teal-500,html.fun-mode a.bg-teal-600,html.fun-mode button.bg-teal-600{background:linear-gradient(45deg,rgb(var(--fun-primary)),rgb(var(--fun-accent)));box-shadow:0 5px 15px rgba(var(--fun-primary),.5);animation:pulse-fun 3s infinite}@keyframes pulse-fun{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}html.fun-mode section:before{content:"🥳";position:absolute;font-size:2rem;top:15%;left:5%;animation:float-around 20s linear infinite;z-index:1;pointer-events:none}html.fun-mode section:after{content:"✨";position:absolute;font-size:2rem;bottom:15%;right:5%;animation:float-around 25s linear infinite reverse;z-index:1;pointer-events:none}html.fun-mode #skills:before{content:"💡"}html.fun-mode #projects:before{content:"🚀"}html.fun-mode #contact:before{content:"💌"}@keyframes float-around{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px,20px) rotate(90deg)}50%{transform:translateY(40px) rotate(180deg)}75%{transform:translate(-30px,20px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}html.fun-mode .project-card-inner:hover{transform:perspective(1000px) rotateY(15deg) rotateX(10deg) scale(1.05)!important;box-shadow:0 10px 25px rgba(var(--fun-primary),.4),0 0 20px rgba(var(--fun-accent),.3)!important}html.fun-mode img{transition:all .5s ease}html.fun-mode img:hover{filter:hue-rotate(45deg) saturate(1.5)}html.fun-mode .nav-link{position:relative}html.fun-mode .nav-link:hover{animation:bounce .5s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}html.fun-mode p{position:relative;overflow:hidden}html.fun-mode p:hover:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--fun-primary),.1),transparent);animation:wave 2s linear;pointer-events:none}@keyframes wave{0%{left:-100%}to{left:100%}}html.fun-mode svg:not(#theme-icon-light):not(#theme-icon-dark):not(#mobile-menu-open-icon):not(#mobile-menu-close-icon){transition:transform .5s ease}html.fun-mode svg:hover:not(#theme-icon-light):not(#theme-icon-dark):not(#mobile-menu-open-icon):not(#mobile-menu-close-icon){transform:rotate(15deg) scale(1.2)}html.fun-mode button:active:before,html.fun-mode a.bg-teal-500:active:before,html.fun-mode a.bg-teal-600:active:before{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgb(var(--fun-primary));border-radius:50%;opacity:0;transform:translate(-50%,-50%);animation:confetti .8s ease-out forwards;pointer-events:none}@keyframes confetti{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) scale(1);opacity:0}}html.fun-mode #home-hero h1{background:linear-gradient(90deg,#ff8a00,#e52e71,#a742ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradientText 3s ease infinite}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}html.fun-mode footer{background:linear-gradient(180deg,transparent,rgba(var(--fun-primary),.1));border-top:2px dashed rgba(var(--fun-primary),.5)}html.fun-mode .typewriter:after,html.fun-mode .typewriter-mobile:after{content:"|";display:inline-block;animation:cursor-blink 1s step-end infinite;margin-left:2px}@keyframes cursor-blink{0%,to{opacity:0}50%{opacity:1}}