@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}body.dark{--color-primary:0,32,63;--color-secondary:173,239,209;--color-primary-alt:24,154,180;--color-background:15,23,42;--color-background-alt:24,33,52;--color-foreground:248,250,252;--color-foreground-muted:148,163,184;--color-accent-light:209,250,229;--color-accent-dark:16,185,129;--color-navy-light:30,58,138;--color-navy-dark:0,15,30;--gradient-primary:linear-gradient(135deg,rgb(var(--color-secondary))0%,rgb(var(--color-accent-dark))100%);--gradient-secondary:linear-gradient(135deg,rgb(var(--color-primary))0%,rgb(var(--color-navy-dark))100%);--gradient-hero:linear-gradient(135deg,rgba(var(--color-secondary),.05)0%,rgba(var(--color-primary),.2)100%);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #00000080;--shadow-accent:0 10px 30px -5px rgba(var(--color-secondary),.2);--shape-color-1:173,239,209;--shape-color-2:104,170,170;--shape-color-3:209,250,229}body{--color-primary:173,239,209;--color-secondary:0,32,63;--color-primary-alt:104,170,170;--color-background:255,255,255;--color-background-alt:248,250,252;--color-foreground:30,41,59;--color-foreground-muted:100,116,139;--color-accent-light:209,250,229;--color-accent-dark:5,150,105;--color-navy-light:30,58,138;--color-navy-dark:0,32,63;--gradient-primary:linear-gradient(135deg,rgb(var(--color-primary))0%,rgb(var(--color-accent-dark))100%);--gradient-secondary:linear-gradient(135deg,rgb(var(--color-secondary))0%,rgb(var(--color-navy-light))100%);--gradient-hero:linear-gradient(135deg,#adefd11a 0%,#00203f0d 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-accent:0 10px 30px -5px #adefd14d;--shape-color-1:173,239,209;--shape-color-2:0,32,63;--shape-color-3:104,170,170}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:0 2rem;display:flex;position:relative;overflow:hidden}.hero-background{background:var(--gradient-hero);z-index:0;clip-path:inset(0);position:absolute;inset:0;overflow:hidden}.gradient-orb-1,.gradient-orb-2,.gradient-orb-3{filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.gradient-orb-1{background:radial-gradient(circle,rgba(var(--shape-color-1),.4)0%,transparent 70%);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.gradient-orb-2{background:radial-gradient(circle,rgba(var(--shape-color-2),.3)0%,transparent 70%);width:400px;height:400px;animation-duration:10s;animation-delay:2s;bottom:-10%;right:-5%}.gradient-orb-3{background:radial-gradient(circle,rgba(var(--shape-color-1),.25)0%,transparent 70%);width:350px;height:350px;animation-duration:12s;animation-delay:4s;top:40%;right:20%}.geometric-shape{opacity:.08;pointer-events:none;position:absolute}.shape-circle-1{border:3px solid rgba(var(--color-secondary),.2);border-radius:50%;width:8vw;min-width:100px;max-width:150px;height:8vw;min-height:100px;max-height:150px;animation:6s ease-in-out infinite pulse;top:18%;left:12%}.shape-circle-2{border:2px solid rgba(var(--color-secondary),.2);opacity:.1;border-radius:50%;width:5vw;min-width:70px;max-width:100px;height:5vw;min-height:70px;max-height:100px;animation:3s ease-in-out infinite pulse;bottom:28%;right:15%}.shape-ring-1{border:4px solid rgba(var(--color-secondary),.99);border-style:dashed;border-radius:50%;width:10vw;min-width:120px;max-width:160px;height:10vw;min-height:120px;max-height:160px;animation:40s linear infinite rotate360;top:42%;left:25%}.shape-arc-2{border:1.5px solid rgba(var(--color-secondary),.99);border-top-color:#0000;border-left-color:#0000;border-radius:50%;width:20vw;min-width:200px;max-width:350px;height:20vw;min-height:200px;max-height:350px;margin-left:-10vw;animation:15s linear infinite reverse rotate360;position:absolute;top:15%;left:50%}.shape-square{background:linear-gradient(135deg,rgba(var(--color-secondary),.99),rgba(var(--color-secondary),.99));width:15vw;min-width:150px;max-width:250px;height:15vw;min-height:150px;max-height:250px;animation:25s linear infinite rotateSquare;top:20%;right:8%;transform:rotate(45deg)}.shape-triangle-1{background:linear-gradient(135deg,rgba(var(--color-secondary),.99),transparent);clip-path:polygon(50% 0%,100% 100%,0% 100%);width:15vw;min-width:150px;max-width:250px;height:15vw;min-height:150px;max-height:250px;animation:16s ease-in-out 1s infinite floatShape;bottom:10%;left:5%}.grid-pattern{background-image:linear-gradient(rgba(var(--color-secondary),.05)1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-secondary),.05)1px,transparent 1px);opacity:.5;pointer-events:none;background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateSquare{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes floatShape{0%,to{transform:translateY(0)rotate(15deg)}50%{transform:translateY(-20px)rotate(25deg)}}.hero-content{z-index:1;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:1200px;display:flex;position:relative}.hero-text{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(30px)}.hero-text.visible{opacity:1;transform:translateY(0)}.hero-greeting{color:rgb(var(--color-foreground-muted));letter-spacing:.5px;text-align:left;margin-bottom:.5rem;font-size:1.25rem;font-weight:500}.hero-name{text-align:left;margin-top:0;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1}.title-container{text-align:left;height:3rem}.hero-title{color:rgb(var(--color-secondary));margin:0;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:600}.title-text{animation:.6s ease-out slideInRight;display:inline-block}.hero-description{color:rgb(var(--color-foreground-muted));text-align:left;max-width:600px;margin:0 0 2.5rem;font-size:clamp(1rem,2vw,1.25rem);font-style:italic;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:flex-start;gap:1rem;display:flex}.cta-button{transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;transform:translateY(0)}.cta-button:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.cta-button-secondary{border:2px solid rgb(var(--color-secondary));color:rgb(var(--color-secondary));cursor:pointer;background:0 0;border-radius:50px;padding:12px 32px;font-weight:600;transition:all .3s}.cta-button-secondary:hover{background:rgba(var(--color-secondary),.1);transform:translateY(-2px)}.hero-logo{opacity:0;flex-shrink:0;transition:opacity 1s ease-out .3s,transform 1s ease-out .3s;transform:translate(30px)}.hero-logo.visible{opacity:1;transform:translate(0)}.hero-logo-img{filter:drop-shadow(0 20px 40px #00000026);width:clamp(200px,25vw,350px);height:auto;animation:6s ease-in-out infinite floatLogo}.hero-logo-img.logo-dark,body.dark .hero-logo-img.logo-light{display:none}body.dark .hero-logo-img.logo-dark{display:block}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:768px){.hero-section{padding:0 1rem}.hero-content{text-align:center;flex-direction:column-reverse;gap:2rem}.hero-text,.hero-greeting,.hero-description{text-align:center}.hero-description{margin:0 auto 2rem}.hero-cta{flex-direction:column;align-items:center}.hero-logo{transform:translateY(-30px)}.hero-logo.visible{transform:translateY(0)}.hero-logo-img{width:clamp(150px,40vw,200px)}.cta-button,.cta-button-secondary{width:100%;max-width:300px}}.about-section{align-items:center;min-height:100vh;padding:6rem 2rem;display:flex;position:relative;overflow:hidden}.about-background{background:var(--gradient-hero);z-index:0;clip-path:inset(0);position:absolute;inset:0;overflow:hidden}.about-section .gradient-orb-1,.about-section .gradient-orb-2,.about-section .gradient-orb-3{filter:blur(80px);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.about-section .gradient-orb-1{background:radial-gradient(circle,rgba(var(--shape-color-1),.2)0%,transparent 70%);width:500px;height:500px;animation-delay:0s;top:-10%;right:-10%}.about-section .gradient-orb-2{background:radial-gradient(circle,rgba(var(--shape-color-2),.15)0%,transparent 70%);width:400px;height:400px;animation-duration:10s;animation-delay:2s;bottom:-10%;left:-5%}.about-section .gradient-orb-3{background:radial-gradient(circle,rgba(var(--shape-color-1),.2)0%,transparent 70%);width:350px;height:350px;animation-duration:12s;animation-delay:4s;top:50%;right:5%}.about-section .geometric-shape{opacity:.08;pointer-events:none;position:absolute}.about-section .shape-cross{background:linear-gradient(rgba(var(--color-secondary),.99),rgba(var(--color-secondary),.99)),linear-gradient(rgba(var(--color-secondary),.99),rgba(var(--color-secondary),.99));background-position:50%,50%;background-repeat:no-repeat;background-size:30% 100%,100% 30%;width:8vw;min-width:90px;max-width:130px;height:8vw;min-height:90px;max-height:130px;animation:30s linear infinite rotateSquare;top:25%;right:45%}.about-section .shape-ring-half{border:4px solid rgba(var(--color-secondary),.99);border-top-color:#0000;border-right-color:#0000;border-radius:50%;width:13vw;min-width:150px;max-width:210px;height:13vw;min-height:150px;max-height:210px;animation:15s linear infinite reverse rotate360;bottom:7%;right:7%}.about-section .shape-zigzag{background:linear-gradient(135deg,transparent 45%,rgba(var(--color-secondary),.99)45%,rgba(var(--color-secondary),.99)55%,transparent 55%),linear-gradient(-135deg,transparent 45%,rgba(var(--color-secondary),.99)45%,rgba(var(--color-secondary),.99)55%,transparent 55%);background-size:30px 100%;width:12vw;min-width:130px;max-width:190px;height:4vw;min-height:45px;max-height:70px;animation:14s ease-in-out 2s infinite fadeInOut;bottom:25%;left:42%}.about-section .grid-pattern{background-image:linear-gradient(rgba(var(--color-secondary),.05)1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-secondary),.05)1px,transparent 1px);opacity:.5;pointer-events:none;background-size:50px 50px;width:100%;height:110%;position:absolute;top:-10%;left:0}@keyframes fadeInOut{0%,to{opacity:.05}50%{opacity:.15}}.about-content{grid-template-columns:1fr 1.5fr;align-items:center;gap:4rem;display:grid}.about-image{position:relative}.image-wrapper{width:100%;max-width:400px;margin:0 auto;position:relative}.about-profile-image{aspect-ratio:1;background:var(--gradient-primary);color:#fff;width:100%;height:100%;box-shadow:var(--shadow-lg);z-index:1;border-radius:20px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;transition:transform .6s,box-shadow .6s;display:flex;position:relative;transform:translateY(0)}.about-section.visible .about-profile-image{animation:.8s ease-out forwards fadeInUp}.image-decoration{border:3px solid rgb(var(--color-secondary));z-index:0;border-radius:20px;width:100%;height:100%;transition:all .3s;position:absolute;top:20px;left:20px}.image-wrapper:hover .about-profile-image{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.image-wrapper:hover .image-decoration{top:28px;left:28px}.about-text{opacity:0;transition:opacity .8s,transform .8s;transform:translate(50px)}.about-section.visible .about-text{opacity:1;transition-delay:.3s;transform:translate(0)}.section-title{color:rgb(var(--color-foreground));margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.about-description{color:rgb(var(--color-foreground-muted));text-align:left;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}@media (max-width:968px){.about-content{grid-template-columns:1fr;gap:3rem}.image-wrapper{max-width:300px}.about-text{transform:translateY(30px)}.about-section.visible .about-text{transform:translateY(0)}}@media (max-width:640px){.about-section{padding:4rem 1rem}.about-content{gap:2rem}}.skills-section{align-items:center;min-height:100vh;padding:6rem 2rem;display:flex;position:relative;overflow:hidden}.skills-background{background:var(--gradient-hero);z-index:0;clip-path:inset(0);position:absolute;inset:0;overflow:hidden}.skills-section .gradient-orb-1,.skills-section .gradient-orb-2,.skills-section .gradient-orb-3{filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.skills-section .gradient-orb-1{background:radial-gradient(circle,rgba(var(--shape-color-1),.4)0%,transparent 70%);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.skills-section .gradient-orb-2{background:radial-gradient(circle,rgba(var(--shape-color-2),.3)0%,transparent 70%);width:400px;height:400px;animation-duration:10s;animation-delay:2s;bottom:-10%;right:-5%}.skills-section .gradient-orb-3{background:radial-gradient(circle,rgba(var(--shape-color-1),.25)0%,transparent 70%);width:350px;height:350px;animation-duration:12s;animation-delay:4s;top:40%;right:20%}.skills-section .geometric-shape{opacity:.08;pointer-events:none;position:absolute}.skills-section .shape-pentagon{background:linear-gradient(135deg,rgba(var(--color-secondary),.99),rgba(var(--color-secondary),.99));clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);width:12vw;min-width:130px;max-width:180px;height:12vw;min-height:130px;max-height:180px;animation:30s linear infinite rotateShape;top:20%;left:15%}.skills-section .shape-zigzag-line{--size:25px;--b:3px;--m:.5;--p:calc(var(--m)*var(--size));--R:calc(var(--size)*sqrt(var(--m)*var(--m) + 1) + var(--b)/2);--_g:#0000 calc(99% - var(--b)),rgba(var(--color-secondary),.99)calc(101% - var(--b))99%,#0000 101%;width:18vw;height:calc(var(--size)*2);background:rgba(var(--color-secondary),.99);min-width:180px;max-width:280px;-webkit-mask:radial-gradient(var(--R)at left 50% bottom calc(-1*var(--p)),var(--_g))calc(50% - 2*var(--size))calc(50% - var(--size)/2 - var(--b)/2)/calc(4*var(--size))calc(var(--size) + var(--b))repeat-x,radial-gradient(var(--R)at left 50% top calc(-1*var(--p)),var(--_g))50% calc(50% + var(--size)/2 + var(--b)/2)/calc(4*var(--size))calc(var(--size) + var(--b))repeat-x;-webkit-mask:radial-gradient(var(--R)at left 50% bottom calc(-1*var(--p)),var(--_g))calc(50% - 2*var(--size))calc(50% - var(--size)/2 - var(--b)/2)/calc(4*var(--size))calc(var(--size) + var(--b))repeat-x,radial-gradient(var(--R)at left 50% top calc(-1*var(--p)),var(--_g))50% calc(50% + var(--size)/2 + var(--b)/2)/calc(4*var(--size))calc(var(--size) + var(--b))repeat-x;-webkit-mask:radial-gradient(var(--R)at left 50% bottom calc(-1*var(--p)),var(--_g))calc(50% - 2*var(--size))calc(50% - var(--size)/2 - var(--b)/2)/calc(4*var(--size))calc(var(--size) + var(--b))repeat-x,radial-gradient(var(--R)at left 50% top calc(-1*var(--p)),var(--_g))50% calc(50% + var(--size)/2 + var(--b)/2)/calc(4*var(--size))calc(var(--size) + var(--b))repeat-x;mask:radial-gradient(var(--R)at left 50% bottom calc(-1*var(--p)),var(--_g))calc(50% - 2*var(--size))calc(50% - var(--size)/2 - var(--b)/2)/calc(4*var(--size))calc(var(--size) + var(--b))repeat-x,radial-gradient(var(--R)at left 50% top calc(-1*var(--p)),var(--_g))50% calc(50% + var(--size)/2 + var(--b)/2)/calc(4*var(--size))calc(var(--size) + var(--b))repeat-x;animation:12s ease-in-out 1s infinite fadeInOut;bottom:18%;right:15%}.skills-section .shape-diamond-ring{border:3px solid rgba(var(--color-secondary),.99);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:11vw;min-width:120px;max-width:170px;height:11vw;min-height:120px;max-height:170px;animation:35s linear infinite rotate360;top:55%;left:10%}.skills-section .shape-rounded-square{background:linear-gradient(135deg,rgba(var(--color-secondary),.99),rgba(var(--color-secondary),.99));width:13vw;min-width:140px;max-width:190px;height:13vw;min-height:140px;max-height:190px;animation:20s ease-in-out 2s infinite floatShape,10s ease-in-out infinite morphShape;top:12%;right:12%;transform:rotate(15deg)}.skills-section .grid-pattern{background-image:linear-gradient(rgba(var(--color-secondary),.05)1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-secondary),.05)1px,transparent 1px);opacity:.5;pointer-events:none;background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes rotateShape{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}}@keyframes morphShape{0%,to{border-radius:0%}50%{border-radius:50%}}.container{z-index:1;text-align:center;width:100%;max-width:1200px;margin:0 auto;position:relative}.section-title{color:rgb(var(--color-foreground));opacity:0;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;transition:all .6s;transform:translateY(30px)}.skills-section.visible .section-title{opacity:1;transform:translateY(0)}.section-subtitle{color:rgb(var(--color-foreground-muted));opacity:0;margin-bottom:4rem;font-size:1.125rem;transition:all .6s .2s;transform:translateY(20px)}.skills-section.visible .section-subtitle{opacity:1;transform:translateY(0)}.skills-grid{opacity:0;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin:0 auto 2rem;transition:all .6s .4s;display:flex;transform:translateY(20px)}.skills-section.visible .skills-grid{opacity:1;transform:translateY(0)}.skill-item{border:2px solid rgb(var(--color-secondary));color:rgb(var(--color-foreground));white-space:nowrap;cursor:default;opacity:0;background:0 0;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;animation:.6s forwards fadeInSkill;transform:translateY(20px)}@keyframes fadeInSkill{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-item:hover{background:rgb(var(--color-secondary));color:rgb(var(--color-background));box-shadow:var(--shadow-accent);transform:translateY(-4px)}.size1{opacity:.7;border-width:1px;font-size:.875rem}.size2{opacity:.85;font-size:1rem}.size3{opacity:1;border-width:2px;font-size:1.125rem}@media (max-width:768px){.skills-section{padding:4rem 1rem}.skills-grid{gap:.75rem}.skill-item{padding:.5rem 1rem}.size1{font-size:.8rem}.size2{font-size:.875rem}.size3{font-size:1rem}}.projects-section{min-height:100vh;padding:6rem 2rem;position:relative;overflow:hidden}.projects-background{background:var(--gradient-hero);z-index:0;clip-path:inset(0);position:absolute;inset:0;overflow:hidden}.projects-section .gradient-orb-1,.projects-section .gradient-orb-2,.projects-section .gradient-orb-3{filter:blur(80px);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.projects-section .gradient-orb-1{background:radial-gradient(circle,rgba(var(--shape-color-1),.2)0%,transparent 70%);width:500px;height:500px;animation-delay:0s;top:-10%;right:-10%}.projects-section .gradient-orb-2{background:radial-gradient(circle,rgba(var(--shape-color-2),.15)0%,transparent 70%);width:400px;height:400px;animation-duration:10s;animation-delay:2s;bottom:-10%;left:-5%}.projects-section .gradient-orb-3{background:radial-gradient(circle,rgba(var(--shape-color-1),.2)0%,transparent 70%);width:350px;height:350px;animation-duration:12s;animation-delay:4s;top:50%;right:5%}.projects-section .grid-pattern{background-image:linear-gradient(rgba(var(--color-secondary),.05)1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-secondary),.05)1px,transparent 1px);opacity:.5;pointer-events:none;background-size:50px 50px;width:100%;height:110%;position:absolute;top:-10%;left:0}.projects-section.visible .section-title,.projects-section.visible .section-subtitle{opacity:1;transform:translateY(0)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}@media (max-width:768px){.projects-section{padding:4rem 1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}}.project-card{background:rgb(var(--color-background));box-shadow:var(--shadow-md);opacity:0;cursor:pointer;border-radius:16px;transition:all .3s;animation:.6s forwards fadeInUp;overflow:hidden;transform:translateY(30px)}.project-card:hover{box-shadow:var(--shadow-xl)}.card-image{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.image-placeholder{background:var(--gradient-secondary);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;transition:transform .4s;display:flex;transform:scale(1.1)}.image-overlay{background:linear-gradient(#0000 0%,#00000040 100%);position:absolute;inset:70% 0 0}.card-content{padding:.5rem 1.5rem 1.5rem}.project-title{color:#fff;z-index:1;text-shadow:1px 1px 2px #0003,-1px -1px 2px #0003,1px -1px 2px #0003,-1px 1px 2px #0003;margin:0;font-size:1.5rem;font-weight:700;position:absolute;bottom:1rem;left:1.5rem;right:1.5rem}.project-description{color:rgb(var(--color-foreground-muted));text-align:left;margin-bottom:1.25rem;font-size:.9375rem;line-height:1.6}.technologies{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{border:1px solid rgb(var(--color-secondary));color:rgb(var(--color-secondary));background:0 0;border-radius:50px;padding:.375rem .875rem;font-size:.75rem;font-weight:600;transition:all .2s}.card-actions{gap:1rem;padding-top:1rem;display:flex}.action-button{border:2px solid rgb(var(--color-secondary));color:rgb(var(--color-secondary));background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.action-button:hover{background:rgb(var(--color-secondary));color:rgb(var(--color-background));transform:translateY(-2px)}.action-button svg{transition:transform .3s}.action-button:hover svg{transform:translate(2px)}.technologies-container{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.technologies-title{margin:0 0 .5rem}.card-actions-container{flex-direction:column;align-items:flex-start;display:flex}.card-actions-title{margin:0}@media (max-width:640px){.card-content{padding:1rem}.project-title{font-size:1.25rem}.card-actions{flex-direction:column}.action-button{justify-content:center}}.experience-section{min-height:100vh;padding:6rem 2rem;position:relative;overflow:hidden}.experience-background{background:var(--gradient-hero);z-index:0;clip-path:inset(0);position:absolute;inset:0;overflow:hidden}.experience-section .gradient-orb-1,.experience-section .gradient-orb-2,.experience-section .gradient-orb-3{filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.experience-section .gradient-orb-1{background:radial-gradient(circle,rgba(var(--shape-color-1),.4)0%,transparent 70%);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.experience-section .gradient-orb-2{background:radial-gradient(circle,rgba(var(--shape-color-2),.3)0%,transparent 70%);width:400px;height:400px;animation-duration:10s;animation-delay:2s;bottom:-10%;right:-5%}.experience-section .gradient-orb-3{background:radial-gradient(circle,rgba(var(--shape-color-1),.25)0%,transparent 70%);width:350px;height:350px;animation-duration:12s;animation-delay:4s;top:40%;right:20%}.experience-section .grid-pattern{background-image:linear-gradient(rgba(var(--color-secondary),.05)1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-secondary),.05)1px,transparent 1px);opacity:.5;pointer-events:none;background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.container{z-index:1;width:100%;max-width:1200px;margin:0 auto;position:relative}.section-title{text-align:center;color:rgb(var(--color-foreground));opacity:0;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;transition:all .6s;transform:translateY(30px)}.experience-section.visible .section-title{opacity:1;transform:translateY(0)}.section-subtitle{color:rgb(var(--color-foreground-muted));text-align:center;opacity:0;margin-bottom:4rem;font-size:1.125rem;transition:all .6s .2s;transform:translateY(20px)}.experience-section.visible .section-subtitle{opacity:1;transform:translateY(0)}.timeline{max-width:1000px;margin:0 auto;padding:2rem 0;position:relative}.timeline-line{background:linear-gradient(to bottom,transparent 0%,rgb(var(--color-secondary))10%,rgb(var(--color-secondary))90%,transparent 100%);width:3px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{justify-content:flex-start;margin-bottom:4rem;padding-left:60px;display:flex;position:relative}.timeline-dot{z-index:2;width:28px;height:28px;transition:transform .5s;position:absolute;top:46px;left:21.5px;transform:translate(-50%,-50%)scale(0)}.timeline-item.visible .timeline-dot{transform:translate(-50%,-50%)scale(1)}.timeline-dot:before{content:"";background:rgb(var(--color-background));width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-dot:after{content:"";background:rgb(var(--color-secondary));width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-ring{background:rgb(var(--color-secondary));opacity:0;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.timeline-item.visible .pulse-ring{animation:2s ease-out infinite pulse}.timeline-dot:before,.timeline-dot:after,.timeline-dot .pulse-ring{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.experience-card{background:rgb(var(--color-background-alt));box-shadow:var(--shadow-md);opacity:0;border:2px solid #0000;border-radius:16px;width:100%;max-width:100%;padding:2rem;transition:all .4s;transform:translate(50px)}.timeline-item.visible .experience-card{opacity:1;transform:translate(0)}.experience-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:1rem;display:flex}.role{color:rgb(var(--color-foreground));margin:0;font-size:1.25rem;font-weight:700}.company{color:rgb(var(--color-secondary));margin:0;font-size:1rem;font-weight:600}.period{color:rgb(var(--color-foreground-muted));font-size:.875rem;font-weight:500}.description{color:rgb(var(--color-foreground-muted));text-align:left;margin-bottom:1.25rem;font-size:.9375rem;line-height:1.6}.achievements{margin:0 0 1.5rem;padding:0;list-style:none}.achievements li{color:rgb(var(--color-foreground));text-align:left;margin-bottom:.75rem;padding-left:1.5rem;font-size:.875rem;line-height:1.5;position:relative}.achievements li:before{content:"▹";color:rgb(var(--color-secondary));font-size:1.25rem;line-height:1.2;position:absolute;left:0}.experience-technologies-container{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.experience-technologies{flex-wrap:wrap;gap:.5rem;margin-bottom:0;display:flex}.experience-technologies-title{margin:0 0 .5rem}.experience-tech-badge{border:1px solid rgb(var(--color-secondary));color:rgb(var(--color-secondary));background:0 0;border-radius:50px;padding:.375rem .875rem;font-size:.75rem;font-weight:600;transition:all .2s}@media (max-width:768px){.experience-section{padding:4rem 1rem}.timeline{padding:1rem 0}.experience-card{transform:translateY(30px)}.timeline-item.visible .experience-card{transform:translateY(0)}.card-header{flex-direction:column;align-items:flex-start}.period{align-self:flex-start}}.footer{background:rgb(var(--color-background-alt));box-sizing:border-box;width:100%;max-width:100vw;padding:4rem 2rem 3rem;position:relative;overflow:hidden}.footer-decoration{background:var(--gradient-primary);height:4px;position:absolute;top:0;left:0;right:0}.container{width:100%;max-width:1200px;margin:0 auto}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}.footer-bio{animation:.6s ease-out fadeInUp}.footer-title{color:rgb(var(--color-foreground));margin-bottom:1rem;font-size:2rem;font-weight:800}.bio-text{color:rgb(var(--color-foreground-muted));text-align:center;max-width:600px;margin:0 auto;font-size:1rem;line-height:1.7}.footer-links{animation:.6s ease-out .2s backwards fadeInUp}.links-title{color:rgb(var(--color-secondary));margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.social-links{flex-flow:wrap;justify-content:center;gap:1rem;display:flex}.social-link{color:rgb(var(--color-foreground));background:0 0;border:2px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-link:before{content:"";background:rgba(var(--color-primary),.3);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.social-link.ripple:before{width:300px;height:300px}.social-link:hover{transform:translateY(-4px)}.icon-wrapper{background:rgb(var(--color-secondary));width:40px;height:40px;color:rgb(var(--color-background));z-index:1;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.social-link:hover .icon-wrapper{transform:scale(1.1)rotate(5deg)}.footer-bottom{border-top:1px solid rgba(var(--color-foreground-muted),.2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.copyright,.built-with{color:rgb(var(--color-foreground-muted));margin:0;font-size:.875rem}.built-with{font-weight:500}@media (max-width:768px){.footer{padding:3rem 1rem 1.5rem}.footer-content{gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem}}@media (max-width:480px){.footer-title{font-size:1.5rem}.social-links{flex-direction:column;gap:.75rem;width:100%;max-width:300px}.social-link{width:100%;padding:.625rem .875rem}.icon-wrapper{width:36px;height:36px}}.dropdown{width:fit-content;position:relative}.dropdown .button{cursor:pointer;border-radius:50px;flex-direction:row;align-items:center;width:100%;padding:8px 8px 8px 24px;display:flex}.dropdown .button:hover{background-color:rgba(var(--color-foreground),.1)}.dropdown .button h1{width:100%}.dropdown .button .arrow-dropdown{background-color:rgb(var(--color-primary-alt));min-width:16px;min-height:16px;-webkit-mask-image:var(--arrow_dropdown);-webkit-mask-image:var(--arrow_dropdown);-webkit-mask-image:var(--arrow_dropdown);-webkit-mask-image:var(--arrow_dropdown);mask-image:var(--arrow_dropdown);margin:12px;-webkit-mask-size:contain;mask-size:contain}.dropdown .dropdown-menu{background-color:rgb(var(--color-background-alt));z-index:10;border-radius:50px;width:fit-content;min-width:max-content;padding:16px;position:absolute;right:0}.dropdown .dropdown-menu.inline-menu{position:relative}.dropdown .dropdown-menu li{cursor:pointer;border-radius:50px;padding:8px 16px}.dropdown .dropdown-menu li:hover{background-color:rgba(var(--color-foreground),.1)}.header-mobile-menu{cursor:pointer;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;background:0 0;border:none;width:fit-content;padding:24px}@media (min-width:768px){.header-mobile-menu{display:none}}.header-mobile-menu .toggle-container{flex-direction:column;gap:4px;display:flex}.header-mobile-menu .toggle-container .toggle{background-color:rgb(var(--color-secondary));opacity:1;border-radius:3px;width:24px;height:3px;transition:all .2s}.header-mobile-menu.open .toggle-container .toggle:first-child{margin-top:6px;transform:rotate(45deg)}.header-mobile-menu.open .toggle-container .toggle:nth-child(3){margin-top:-14px;margin-bottom:8px;transform:rotate(-45deg)}.header-mobile-menu.open .toggle-container .toggle:nth-child(2){opacity:0}.header-mobile-menu .menu-container{background-color:#000}.navigation-container{height:unset;z-index:9999;width:100%;display:flex;position:fixed}.navigation-container.open{height:100%}.navigation-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;background-color:#0006;width:100%;height:100%;transition:all .2s;position:fixed}.navigation-overlay.open{opacity:1;visibility:visible}.navigation-menu{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #0000;width:100%;height:fit-content;padding:8px 24px;transition:all .3s;display:flex}.navigation-menu-items{margin-top:auto;margin-bottom:auto;margin-left:auto;display:flex}.navigation-menu-items ul{align-items:center;gap:12px;padding:0;display:flex}.navigation-menu-items li{background:0 0;list-style-type:none}.navigation-menu-items li:hover{background:0 0}.navigation-menu-items li a{width:100%;color:rgb(var(--color-foreground));background:0 0;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .3s;display:block;position:relative}.navigation-menu-items li a:hover{color:rgb(var(--color-secondary));background:0 0;transform:translateY(-2px)}.navigation-menu-items li a:after{content:"";background:rgb(var(--color-secondary));width:0;height:4px;transition:width .3s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.navigation-menu-items li a:hover:after{width:60%}.navigation-menu.show-background{background-color:rgba(var(--color-background-alt),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:rgba(var(--color-foreground-muted),.1);box-shadow:0 4px 20px #00000026}body.dark .navigation-menu.show-background{border-bottom-color:rgba(var(--color-foreground-muted),.15);box-shadow:0 4px 20px #0006}body.mobile .navigation-menu{flex-direction:column;padding:0}body.mobile .navigation-menu .open{background-color:rgb(var(--color-primary));width:100%}body.mobile .navigation-menu-items{margin:unset;opacity:0;flex-direction:column;width:100%;max-height:0;padding:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,transform .3s,padding .3s;overflow:hidden;transform:translateY(-10px)}body.mobile .navigation-menu-items.open{opacity:1;background-color:rgb(var(--color-primary));max-height:500px;box-shadow:0 0 5px rgb(var(--color-primary));padding:0;transform:translateY(0)}body.mobile .navigation-menu-items ul{flex-direction:column}body.mobile .navigation-menu-items li a:after{height:3px}body.mobile .navigation-menu-items li a:hover:after{width:100px}body.mobile .navigation-menu-items.open ul li{animation:.3s ease-out backwards slideInMenuItem}body.mobile .navigation-menu-items.open ul li:first-child{animation-delay:50ms}body.mobile .navigation-menu-items.open ul li:nth-child(2){animation-delay:.1s}body.mobile .navigation-menu-items.open ul li:nth-child(3){animation-delay:.15s}body.mobile .navigation-menu-items.open ul li:nth-child(4){animation-delay:.2s}body.mobile .navigation-menu-items.open ul li:nth-child(5){animation-delay:.25s}body.mobile .navigation-menu-items.open ul li:nth-child(6){animation-delay:.3s}body.mobile .navigation-menu-items.open ul li:nth-child(7){animation-delay:.35s}@keyframes slideInMenuItem{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.navigation-item{color:rgb(var(--color-secondary));justify-content:center;align-items:center;display:flex}.navigation-item .link{color:rgb(var(--color-secondary));padding:10px}body.mobile .navigation-item .link{color:rgb(var(--color-secondary));text-align:center;width:100%}body.mobile .navigation-item{width:100%}.theme-toggle{cursor:pointer;-webkit-tap-highlight-color:#0000;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{background:rgba(var(--color-secondary),.1);transform:scale(1.1)}.sun-icon,.moon-icon{color:rgb(var(--color-secondary));transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute}.sun-icon{opacity:1;transform:rotate(0)scale(1)}.moon-icon{opacity:0;transform:rotate(-90deg)scale(0)}body.dark .sun-icon{opacity:0;transform:rotate(90deg)scale(0)}body.dark .moon-icon{opacity:1;transform:rotate(0)scale(1)}.visible{visibility:visible}.container{width:100%}.block{display:block}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}html{--scroll-behavior:smooth!important;scroll-behavior:smooth!important}body{--arrow_dropdown:url(https://www.lucascouto.dev/assets/images/arrow_dropdown.svg);--linkedin:url(https://www.lucascouto.dev/assets/icons/linkedin.svg);--github:url(https://www.lucascouto.dev/assets/icons/github.svg);--twitter:url(https://www.lucascouto.dev/assets/icons/twitter.svg);--threads:url(https://www.lucascouto.dev/assets/icons/threads.svg);--font-size-small:14px;--font-size-normal:16px;--font-size-medium:20px;--font-size-large:36px;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));margin:0;padding:0;overflow-x:hidden}h1{color:rgb(var(--color-secondary));font-weight:900;font-size:var(--font-size-large)}h2{color:rgb(var(--color-primary-alt))}p{text-align:justify;text-justify:inter-word;font-size:var(--font-size-normal)}input,textarea{border-bottom:1px solid rgb(var(--color-primary-alt));resize:none;background-color:#0000;width:100%;margin-bottom:2px;padding:4px}input:focus{border-bottom:3px solid rgb(var(--color-primary-alt));margin-bottom:0}input:focus,select:focus,textarea:focus,button:focus{outline:none}.link{color:rgb(var(--color-primary-alt))}.btn-default{background:rgb(var(--color-secondary));color:rgb(var(--color-background));cursor:pointer;border:none;border-radius:50px;padding:12px 32px;font-weight:600}.btn-default:hover{filter:brightness(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}.card-tilt{transition:transform .3s,box-shadow .3s}.card-tilt:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)scale(1.02)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/198d17f2fc7b7e24-s.ca672327.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bb835a708696869b-s.c37cd17c.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6c7c54d92ecafd95-s.3d203319.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4b825e536f0add60-s.d9b22f9f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c825fd02acae0153-s.p.1692d83b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Raleway Fallback;src:local(Arial);ascent-override:90.51%;descent-override:22.53%;line-gap-override:0.0%;size-adjust:103.86%}.raleway_d172730d-module__1HeTaa__className{font-family:Raleway,Raleway Fallback;font-style:normal}
/*# sourceMappingURL=ed7b9b92aeae4a4d.css.map*/