:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#8b5cf6;--accent-color:#06b6d4;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--text-white:#fff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-dark:#0f172a;--bg-card:#fefefe;--bg-glass:#fffc;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-full:50%;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glass:0 8px 32px 0 #1f26875e;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--transition-spring:cubic-bezier(.175, .885, .32, 1.275);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}[data-theme=dark]{--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-light:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#0f172a;--bg-dark:#0f172a;--bg-card:#1e293b;--bg-glass:#1e293bcc}[data-theme=dark] .hero{background:var(--bg-primary)}[data-theme=dark] .hero-particles,[data-theme=dark] .hero-background:before{background:0 0}[data-theme=dark] .about{background:var(--bg-primary)}[data-theme=dark] .about:before{background:0 0}[data-theme=dark] .skills{background:var(--bg-primary)}[data-theme=dark] .skills:before{background:0 0}[data-theme=dark] .projects{background:var(--bg-primary)}[data-theme=dark] .projects:before{background:0 0}[data-theme=dark] .contact{background:var(--bg-primary)}[data-theme=dark] .contact:before{background:0 0}[data-theme=dark] .about-card,[data-theme=dark] .skill-category,[data-theme=dark] .project-card,[data-theme=dark] .contact-card,[data-theme=dark] .contact-form-container{background:var(--bg-glass);border:1px solid #6366f14d;box-shadow:0 8px 32px #0003,inset 0 1px #6366f133}[data-theme=dark] .project-content{background:var(--bg-card);color:var(--text-primary)}[data-theme=dark] .project-image:after{background:var(--bg-card)}[data-theme=dark] .project-card:hover{background:var(--bg-glass);border:1px solid #6366f166;box-shadow:0 20px 40px #0000004d,inset 0 1px #6366f14d}[data-theme=dark] .project-card:hover .project-content{background:var(--bg-card)}[data-theme=dark] .project-description:after{background:linear-gradient(#1e293b00 0%,#1e293beb 65%,#1e293bfa 100%)}[data-theme=dark] .about-card:before,[data-theme=dark] .skill-category:before,[data-theme=dark] .project-card:before{background:linear-gradient(135deg,#6366f10d 0%,#0000 25%,#8b5cf608 50%,#0000 75%,#06b6d40d 100%)}[data-theme=dark] .about-card:hover,[data-theme=dark] .skill-category:hover,[data-theme=dark] .project-card:hover{background:linear-gradient(135deg,#1e293bcc,#33415599);border-color:#6366f166}[data-theme=dark] body,[data-theme=dark] html{background-color:var(--bg-primary)}[data-theme=dark] .container,[data-theme=dark] section{background:0 0}[data-theme=dark] .about,[data-theme=dark] .skills,[data-theme=dark] .projects,[data-theme=dark] .contact{background:var(--bg-primary)!important}[data-theme=dark] *{border-color:#47556933}[data-theme=dark] .section-header{background:0 0}[data-theme=dark] .section-title,[data-theme=dark] .section-subtitle{color:var(--text-primary)}[data-theme=dark] .hero,[data-theme=dark] .about,[data-theme=dark] .skills,[data-theme=dark] .projects,[data-theme=dark] .contact,[data-theme=dark] .footer{position:relative}.hero:after,.about:after,.skills:after,.projects:after,.contact:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#f8fafc66 40%,#f8fafccc 70%,#f8fafc 100%);width:100%;height:80px;position:absolute;bottom:0;left:0}.hero:after{background:linear-gradient(#0000 0%,#ffffff1a 20%,#ffffff4d 40%,#fff9 60%,#ffffffe6 80%,#f8fafc 100%);height:100px}[data-theme=dark] .hero:after,[data-theme=dark] .about:after,[data-theme=dark] .skills:after,[data-theme=dark] .projects:after,[data-theme=dark] .contact:after{background:linear-gradient(#0000 0%,#0f172a66 40%,#0f172acc 70%,#0f172a 100%)}[data-theme=dark] .hero:after{background:linear-gradient(#0000 0%,#0f172a1a 20%,#0f172a4d 40%,#0f172a99 60%,#0f172ae6 80%,#0f172a 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;overflow-x:hidden}.about,.skills,.projects,.contact{background:var(--bg-primary)!important}.liquid-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;position:relative;overflow:hidden}.liquid-glass:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.liquid-glass:hover:before{left:100%}.liquid-morph{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff14 50%,#ffffff0a 100%);border:1px solid #ffffff4d;border-radius:30px;transition:all .3s;position:relative}.liquid-morph:hover{background:linear-gradient(135deg,#ffffff2e 0%,#ffffff1f 50%,#ffffff14 100%);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.loader{background:var(--bg-primary);width:100%;height:100%;z-index:var(--z-toast);justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}.loader.fade-out{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-circle{border:3px solid var(--bg-secondary);border-top:3px solid var(--primary-color);width:50px;height:50px;margin:0 auto var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}.loader-text{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-4xl)}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);border-radius:var(--border-radius-lg);transition:all var(--transition-normal);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:var(--text-white);box-shadow:var(--shadow-lg)}.btn-primary:hover{box-shadow:var(--shadow-xl);background:linear-gradient(135deg, var(--primary-dark), var(--bg-dark));transform:translateY(-2px)}.btn-secondary{color:var(--secondary-color);border:2px solid var(--secondary-color);background:0 0}.btn-secondary:hover{background:var(--secondary-color);color:var(--text-white);border-color:var(--primary-dark);transform:translateY(-2px)}.btn-outline{color:var(--primary-color);border:2px solid var(--primary-color);align-items:center;gap:var(--spacing-sm);background:0 0;display:flex}.btn-outline:hover{background:var(--primary-color);color:var(--text-white);transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.header-controls{align-items:center;gap:var(--spacing-md);margin-left:var(--spacing-lg);display:flex}.theme-toggle-container{align-items:center;display:flex}.theme-toggle{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a,inset 0 1px #fff3}.theme-toggle:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#fff6;transform:translateY(-2px)rotate(15deg);box-shadow:0 8px 25px #00000026,inset 0 1px #ffffff4d}.theme-toggle:active{transition:all .1s;transform:translateY(-1px)scale(.95)rotate(15deg)}.theme-icon{color:var(--text-primary);font-size:16px;transition:all .3s}.theme-toggle.changing{animation:.6s ease-in-out themeRotate}@keyframes themeRotate{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.8)}to{transform:rotate(360deg)scale(1)}}.theme-toggle:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff9 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-toggle:hover:before,.theme-toggle.changing:before{width:100%;height:100%}[data-theme=dark] .theme-icon{color:#fbbf24}[data-theme=light] .theme-icon{color:var(--text-primary)}.language-toggle-container{align-items:center;display:flex}.language-toggle{align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid #ffffff40;border-radius:20px;padding:8px 12px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a,inset 0 1px #fff3}.language-toggle:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #00000026,inset 0 1px #ffffff4d}.language-toggle:active{transition:all .1s;transform:translateY(-1px)scale(.98)}.current-flag{object-fit:cover;border-radius:3px;width:24px;height:16px;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #0003}.language-code{font-size:var(--font-size-xs);color:var(--text-primary);letter-spacing:.5px;font-weight:600;transition:all .3s}.language-toggle.changing .current-flag{transform:rotateY(90deg)scale(.8)}.language-toggle.changing .language-code{opacity:.7;transform:translate(5px)}.language-toggle:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.language-toggle:hover:before,.language-toggle.changing:before{left:100%}.language-toggle.english .current-flag{box-shadow:0 2px 8px #1e40af4d}.language-toggle.spanish .current-flag{box-shadow:0 2px 8px #dc26264d}@media (width<=768px){.header-controls{gap:var(--spacing-sm);margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.theme-toggle{width:36px;height:36px}.theme-icon{font-size:14px}.language-toggle{gap:var(--spacing-xs);padding:6px 10px}.current-flag{width:20px;height:13px}.language-code{font-size:10px}}@media (hover:none) and (pointer:coarse){.language-toggle:active{background:linear-gradient(135deg,#ffffff40,#ffffff26);transform:scale(.95)}}.header{width:100%;z-index:var(--z-fixed);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff26,#ffffff14);border-bottom:1px solid #fff3;position:fixed;top:0;left:0;overflow:hidden}.header:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:left .8s;position:absolute;top:0;left:-100%}.header:hover:before{left:100%}.header.scrolled{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(135deg,#fff3,#ffffff1f);border-bottom:1px solid #ffffff4d;box-shadow:0 8px 32px #0000001a}.nav-container{padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-logo a{font-size:var(--font-size-2xl);color:var(--primary-color);font-weight:700;text-decoration:none}.nav-menu{gap:var(--spacing-lg);list-style:none;display:flex}.nav-link{color:var(--text-primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:-5px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);z-index:1001;flex-direction:column;transition:all .3s;display:none;position:relative}@media (width<=768px){.nav-toggle{display:flex!important}}.bar{background:var(--text-primary);border-radius:2px;width:25px;height:3px;margin:3px 0;transition:all .3s}.hero{background:linear-gradient(135deg,#f8fafc 0%,#e0e7ff 25%,#c7d2fe 50%,#a5b4fc 75%,#8b5cf6 100%) 0 0/200% 200%;justify-content:center;align-items:center;min-height:100vh;padding:80px 0;animation:20s ease-in-out infinite gentleGradient;display:flex;position:relative;overflow:hidden}@keyframes gentleGradient{0%,to{background-position:0%}50%{background-position:100%}}.hero-background{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-particles{background:radial-gradient(circle at 20% 80%,#ffffff1a 0%,#0000 40%),radial-gradient(circle at 80% 20%,#ffffff26 0%,#0000 40%),radial-gradient(circle at 40% 40%,#ffffff14 0%,#0000 40%);width:100%;height:100%;animation:25s ease-in-out infinite subtleParticles;position:absolute}@keyframes subtleParticles{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(-10px,-5px)scale(1.05)}}.hero-background:before{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(45deg,#ffffff0d 0%,#0000 25%,#ffffff08 50%,#0000 75%,#ffffff0d 100%);width:100%;height:100%;animation:15s ease-in-out infinite subtleShimmer;position:absolute;top:0;left:0}@keyframes subtleShimmer{0%,to{opacity:.3;transform:translate(-20px)skew(-5deg)}50%{opacity:.5;transform:translate(20px)skew(5deg)}}.hero-content{gap:var(--spacing-4xl);width:100%;max-width:1200px;padding:0 var(--spacing-lg);grid-template-columns:1fr 1fr;place-items:center;min-height:calc(100vh - 160px);margin:0 auto;display:grid}.hero-title{font-size:var(--font-size-6xl);margin-bottom:var(--spacing-lg);font-weight:700;line-height:1.1}.title-line{opacity:0;animation:.8s forwards slideInUp;display:block;transform:translateY(30px)}.title-line:nth-child(2){animation-delay:.2s}.hero-name{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);opacity:0;flex-direction:column;align-items:flex-start;max-width:clamp(20rem,65vw,34rem);animation:.8s .4s forwards slideInUp;display:flex}.hero-typewriter{--hero-typewriter-color:var(--accent-color);--hero-typewriter-glass:#6366f129;--hero-typewriter-shadow:0 14px 36px -20px #6366f173;--hero-typewriter-shadow-strong:0 22px 44px -22px #6366f199;align-items:center;gap:var(--spacing-xs);border-radius:calc(var(--border-radius-lg) * .6);background:linear-gradient(135deg, var(--hero-typewriter-glass), #fff0);color:var(--hero-typewriter-color);font-size:var(--font-size-xl);min-height:1.8em;box-shadow:var(--hero-typewriter-shadow);-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-spring), color var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal);letter-spacing:.02em;border:1px solid #ffffff42;padding:.45rem 1.1rem;font-weight:500;display:inline-grid;position:relative;overflow:hidden}.hero-typewriter:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;background:linear-gradient(135deg,#fff9,#fff0);position:absolute;inset:2px}.hero-typewriter.is-animating{box-shadow:var(--hero-typewriter-shadow-strong);transform:translateY(-3px)}.hero-typewriter.is-animating:before{opacity:.35}.hero-typewriter-text{border-right:3px solid;grid-area:1/1;justify-self:start;padding-right:.35em;font-weight:600;animation:.8s step-end infinite hero-cursor-blink;display:inline-block}.hero-typewriter-sizer{visibility:hidden;pointer-events:none;border-right:3px solid #0000;grid-area:1/1;padding-right:.35em;font-weight:600}@keyframes hero-cursor-blink{0%,50%{border-color:currentColor}50.01%,to{border-color:#0000}}.hero-description{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-2xl);opacity:0;max-width:500px;font-weight:500;line-height:1.7;animation:.8s .6s forwards slideInUp}.hero-buttons{gap:var(--spacing-lg);opacity:0;animation:.8s .8s forwards slideInUp;display:flex}.hero-image{justify-content:center;align-items:center;display:flex;position:relative}.image-container{border-radius:var(--border-radius-full);background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));opacity:0;justify-content:center;align-items:center;width:400px;height:400px;animation:1s 1s forwards scaleIn;display:flex;position:relative}.tech-showcase{justify-content:center;align-items:center;display:flex;position:relative}.tech-grid{gap:var(--spacing-lg);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;max-width:400px;display:grid}.tech-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;flex-direction:column;min-height:100px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.tech-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.tech-card:hover:before{left:100%}.tech-card:hover{background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-color:#fff6;transform:translateY(-8px)scale(1.05);box-shadow:0 15px 40px #00000026}.tech-icon{color:#ffffffe6;font-size:2.5rem;transition:color .3s}.tech-icon i{transition:color .3s,text-shadow .3s}.tech-label{font-size:var(--font-size-sm);color:#fffc;text-align:center;font-weight:600;transition:all .3s}.tech-card:first-child{grid-area:1/1}.tech-card:nth-child(2){grid-area:1/2}.tech-card:nth-child(3){grid-area:1/3}.tech-card:nth-child(4){grid-area:2/1}.tech-card:nth-child(5){grid-area:2/2}.tech-card:nth-child(6){grid-area:2/3}.tech-card:nth-child(7){grid-area:3/1}.tech-card:nth-child(8){grid-area:3/2}.tech-card:nth-child(9){grid-area:3/3}.tech-card[data-tech=TypeScript]{--tech-color:#3178c6}.tech-card[data-tech=React]{--tech-color:#61dafb}.tech-card[data-tech=Angular]{--tech-color:#dd0031}.tech-card[data-tech=Next\.js]{--tech-color:#111827}.tech-card[data-tech=NestJS]{--tech-color:#e0234e}.tech-card[data-tech=Python]{--tech-color:#ffd43b}.tech-card[data-tech=Laravel]{--tech-color:#ff2d20}.tech-card[data-tech=Docker]{--tech-color:#2496ed}.tech-card[data-tech=MySQL]{--tech-color:#4479a1}.tech-card:hover .tech-icon{color:var(--tech-color,#ffffffe6)}.tech-card:hover .tech-icon i{text-shadow:0 0 12px color-mix(in srgb, var(--tech-color) 65%, transparent)}[data-theme=dark] .tech-card[data-tech=Next\.js]{--tech-color:#fff}.geometric-decoration{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;position:absolute}.geometric-decoration.top-left{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:120px;height:120px;top:10%;left:5%;transform:rotate(-15deg)}.geometric-decoration.top-right{border-radius:50%;width:80px;height:80px;top:20%;right:8%;transform:rotate(25deg)}.geometric-decoration.bottom-left{border-radius:50px;width:100px;height:60px;bottom:25%;left:3%;transform:rotate(45deg)}.geometric-decoration.bottom-right{border-radius:20px;width:90px;height:90px;bottom:20%;right:12%;transform:rotate(-30deg)}.geometric-decoration.center-accent{opacity:.3;background:conic-gradient(#6366f11a 0deg,#8b5cf61a 90deg,#06b6d41a 180deg,#6366f11a 270deg,#8b5cf61a 360deg);border-radius:40px;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.scroll-indicator{bottom:var(--spacing-xl);animation:2s infinite bounce;position:absolute;left:50%;transform:translate(-50%)}.scroll-arrow{color:var(--text-secondary);font-size:var(--font-size-xl)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.about{padding:var(--spacing-4xl) 0;background:var(--bg-primary);position:relative;overflow:hidden}.about:before{content:"";background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes subtlePattern{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.about-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:var(--spacing-2xl);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff4d;border-radius:40px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.about-card:before{content:"";pointer-events:none;background:conic-gradient(#0000 0deg,#ffffff1a 60deg,#0000 120deg,#ffffff0d 180deg,#0000 240deg,#ffffff1a 300deg,#0000 360deg);width:200%;height:200%;animation:15s linear infinite liquidRotate;position:absolute;top:-50%;left:-50%}.about-card:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-10px);box-shadow:0 20px 40px #00000026,inset 0 1px #ffffff4d}.about-content{gap:var(--spacing-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--primary-color);font-weight:600}.about-card p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.stats{gap:var(--spacing-lg);margin-top:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{text-align:center}.stat-number{font-size:var(--font-size-3xl);color:var(--primary-color);font-weight:700;display:block}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.profile-showcase{align-items:center;gap:var(--spacing-2xl);flex-direction:column;display:flex;position:relative}.profile-container{justify-content:center;align-items:center;display:flex;position:relative}.profile-image{border-radius:var(--border-radius-full);background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));z-index:2;aspect-ratio:1;justify-content:center;align-items:center;width:250px;height:250px;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026,0 0 0 4px #fff3,0 0 0 8px #ffffff1a}.profile-image:hover{transform:scale(1.05);box-shadow:0 25px 50px #0003,0 0 0 4px #ffffff4d,0 0 0 8px #ffffff26}.profile-gradient-ring{background:conic-gradient(from 0deg, var(--primary-color) 0deg, var(--secondary-color) 90deg, var(--accent-color) 180deg, var(--primary-color) 270deg, var(--secondary-color) 360deg);opacity:.3;z-index:1;border-radius:50%;width:calc(100% + 40px);height:calc(100% + 40px);transition:opacity .4s;position:absolute;top:-20px;left:-20px}.profile-container:hover .profile-gradient-ring{opacity:.5}.placeholder-image{font-size:var(--font-size-5xl);color:var(--text-white)}.profile-photo{object-fit:cover;object-position:center;border-radius:var(--border-radius-full);filter:brightness(1.02)contrast(1.05)saturate(1.1);width:100%;height:100%;transition:all .4s}.profile-photo:hover{filter:brightness(1.05)contrast(1.1)saturate(1.15);transform:scale(1.02)}.profile-photo{opacity:0;animation:.8s ease-in-out .3s forwards fadeInImage}@keyframes fadeInImage{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tech-badges{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);width:100%;max-width:300px;display:grid}.tech-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.tech-badge:hover{background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.tech-badge i{font-size:var(--font-size-xl);color:var(--primary-color);transition:transform .3s}.tech-badge:hover i{transform:scale(1.1)}.tech-badge span{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.about-image{justify-content:center;align-items:center;display:flex}.skills{padding:var(--spacing-4xl) 0;background:var(--bg-primary);position:static}.skills:before{content:"";pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes gentleFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-5px,-10px)scale(1.02)}50%{transform:translate(5px,-15px)scale(.98)}75%{transform:translate(-3px,-5px)scale(1.01)}}.skill-category{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:var(--spacing-2xl);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff40;border-radius:30px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.skill-category:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.skill-category:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #fff6;transform:translateY(-12px)scale(1.015);box-shadow:0 20px 40px #00000026,inset 0 1px #ffffff4d}.skill-category:hover:before{left:100%}.skill-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;height:12px;position:relative;overflow:hidden}.skill-bar:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s ease-in-out infinite skillBarShimmer;position:absolute;top:0;left:0}@keyframes skillBarShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-progress{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color), var(--accent-color));background-size:200% 200%;border-radius:20px;width:0%;height:100%;transition:width 2s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite skillProgress;position:relative;overflow:hidden}.skill-progress:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s ease-in-out infinite progressShimmer;position:absolute;top:0;left:0}@keyframes skillProgress{0%,to{background-position:0%}50%{background-position:100%}}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skills-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(2rem,2.8vw,3rem);display:grid}.skills .container{max-width:1400px}.skill-reveal{--skill-reveal-delay:0s;opacity:0;transition:opacity .7s ease, translate .7s cubic-bezier(.22, 1, .36, 1), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);transition-delay:var(--skill-reveal-delay), var(--skill-reveal-delay), 0s, 0s, 0s, 0s;translate:0 42px}.skill-reveal:nth-child(2){--skill-reveal-delay:.13s}.skill-reveal:nth-child(3){--skill-reveal-delay:.26s}.skill-reveal:nth-child(4){--skill-reveal-delay:.39s}.skill-reveal.is-visible{opacity:1;translate:0}@media (width<=1100px) and (width>=769px){.skills-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.skill-reveal{opacity:1;transition:none;translate:0}}.skill-category h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);color:var(--primary-color);text-align:center;z-index:1;font-weight:600;position:relative}.skills-list{gap:var(--spacing-lg);z-index:1;flex-direction:column;display:flex;position:relative}.skill-item{align-items:center;gap:var(--spacing-md);display:flex}.skill-icon{font-size:var(--font-size-2xl);color:var(--primary-color);text-align:center;width:40px}.skill-info{flex:1}.skill-info h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);font-weight:600}.projects{padding:var(--spacing-4xl) 0;background:var(--bg-primary);position:relative;overflow:hidden}.projects:before{content:"";pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;border:1px solid #6366f133;border-radius:25px;flex-direction:column;width:100%;max-width:420px;height:auto;scroll-margin-top:110px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 8px 32px #0000001a,inset 0 1px #6366f11a}.project-card:before{content:"";pointer-events:none;z-index:1;background:0 0;width:100%;height:100%;transition:transform .8s;position:absolute;top:0;left:0;transform:translate(-100%)skew(-15deg)}.project-card:after{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f11a 0%,#0000 50%);width:200%;height:200%;transition:opacity .6s;position:absolute;top:-50%;left:-50%}.project-card:hover{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid #6366f14d;transform:translateY(-15px)scale(1.02);box-shadow:0 20px 40px #00000026,inset 0 1px #6366f133}.project-card:hover:before{transform:translate(100%)skew(-15deg)}.project-card:hover:after{opacity:1}.project-card:hover .project-content{background:var(--bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.project-image{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color), var(--accent-color));background-size:200% 200%;border-radius:25px 25px 0 0;flex-shrink:0;justify-content:center;align-items:center;height:250px;animation:8s ease-in-out infinite liquidMorph;display:flex;position:relative;overflow:hidden}.project-image:after{content:"";background:var(--bg-card);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2;width:100%;height:8px;position:absolute;bottom:-1px;left:0}.project-image:before{content:"";background:radial-gradient(circle at 30% 30%,#fff3 0%,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff1a 0%,#0000 50%);width:100%;height:100%;animation:6s ease-in-out infinite liquidBubbles;position:absolute;top:0;left:0}@keyframes liquidBubbles{0%,to{opacity:.7;transform:scale(1)rotate(0)}25%{opacity:.9;transform:scale(1.1)rotate(90deg)}50%{opacity:.8;transform:scale(.9)rotate(180deg)}75%{opacity:.85;transform:scale(1.05)rotate(270deg)}}.projects-filter{justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;font-weight:500;position:relative;overflow:hidden}.filter-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.filter-btn:hover:before,.filter-btn.active:before{left:100%}.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));border-color:var(--primary-dark);color:var(--text-white);transform:translateY(-2px)}.projects-grid{gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:1fr;place-items:stretch center;display:grid}.projects-grid.has-expanded{grid-auto-rows:auto}.project-card:not(.is-expanded){height:100%}.placeholder-project{font-size:var(--font-size-4xl);color:var(--text-white)}.project-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s}.project-card:hover .project-img{transform:scale(1.05)}.project-overlay{opacity:0;width:100%;height:100%;transition:opacity var(--transition-normal);background:#000c;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-overlay{opacity:1}.project-links{gap:var(--spacing-lg);display:flex}.project-link{background:var(--bg-card);border-radius:var(--border-radius-full);width:50px;height:50px;color:var(--primary-color);transition:all var(--transition-normal);justify-content:center;align-items:center;text-decoration:none;display:flex}.project-link:hover{background:var(--primary-color);color:var(--text-white);transform:scale(1.1)}.project-content{padding:var(--spacing-lg);z-index:2;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--spacing-md);border-radius:0 0 25px 25px;flex-direction:column;flex-grow:1;min-height:200px;display:flex;position:relative}.project-expand-hint{color:var(--primary-color);font-size:var(--font-size-sm);pointer-events:none;background:#6366f114;border:1px solid #6366f140;border-radius:999px;align-self:flex-end;align-items:center;gap:.4rem;padding:.5rem .8rem;font-weight:700;transition:color .25s,background .25s,transform .25s;display:inline-flex}.project-card:hover .project-expand-hint,.project-card:focus-visible .project-expand-hint,.project-card.is-expanded .project-expand-hint{color:#fff;background:var(--primary-color);transform:translateY(-2px)}.project-card:focus-visible{outline-offset:5px;outline:3px solid #6366f180}.project-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--text-primary);text-shadow:0 1px 2px #0000001a;font-weight:700}.project-description{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--spacing-md);opacity:.9;-webkit-line-clamp:2;max-height:3.2em;transition:max-height var(--transition-normal);scrollbar-gutter:stable;-webkit-box-orient:vertical;font-weight:500;line-height:1.6;display:-webkit-box;position:relative;overflow:hidden}.project-description:after{content:"";pointer-events:none;height:3rem;transition:opacity var(--transition-normal);background:linear-gradient(#fefefe00 0%,#fefefeeb 65%,#fefefefa 100%);display:none;position:absolute;bottom:0;left:0;right:0}.project-card.is-expanded .project-description{-webkit-line-clamp:unset;max-height:32rem;display:block;overflow:visible}.project-card.is-expanded .project-description:after{opacity:0}.project-card.is-expanded{border-color:#6366f173;grid-column:1/-1;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);width:100%;max-width:100%;display:grid;transform:none;box-shadow:0 24px 60px #0f172a29,0 0 30px #6366f11f}.project-card.is-expanded:hover{transform:translateY(-5px)}.project-card.is-expanded .project-image{border-radius:25px 0 0 25px;height:100%;min-height:360px}.project-card.is-expanded .project-image:after{width:8px;height:100%;inset:0 -1px 0 auto}.project-card.is-expanded .project-content{min-height:360px;padding:var(--spacing-2xl);border-radius:0 25px 25px 0}.project-card.is-expanded .project-title{font-size:var(--font-size-2xl)}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.project-card,.project-card.is-expanded{grid-column:auto;width:100%;max-width:420px;display:flex}.project-card.is-expanded .project-image{border-radius:25px 25px 0 0;width:100%;height:260px;min-height:260px}.project-card.is-expanded .project-image:after{width:100%;height:8px;inset:auto 0 -1px}.project-card.is-expanded .project-content{min-height:0;padding:var(--spacing-lg);border-radius:0 0 25px 25px}}.project-content:before{content:"";opacity:0;pointer-events:none;z-index:-1;background:0 0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.project-card:hover .project-content:before{opacity:0}.project-tech{gap:var(--spacing-sm);padding-top:var(--spacing-md);flex-wrap:wrap;margin-top:auto;display:flex}.tech-tag{padding:var(--spacing-xs) var(--spacing-md);background:var(--primary-color);color:var(--text-white);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:500;transition:all .3s;box-shadow:0 2px 8px #6366f133}.tech-tag:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.contact{padding:var(--spacing-4xl) 0;background:var(--bg-primary);position:relative;overflow:hidden}.contact:before{content:"";pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes gentleFlow{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(-5px,-3px)scale(1.02)}}.contact-card,.contact-form-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:var(--spacing-2xl);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff4d;border-radius:30px;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.contact-card:before,.contact-form-container:before{content:"";pointer-events:none;width:300%;height:300%;animation:25s linear infinite liquidRotate;position:absolute;top:-100%;left:-100%}.contact-form{gap:var(--spacing-lg);z-index:1;flex-direction:column;display:flex;position:relative}.form-group input,.form-group textarea{padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--text-primary);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #c9c8c833;position:relative}.form-group input::placeholder,.form-group textarea::placeholder{color:#00000080}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);background:linear-gradient(135deg,#ffffff26,#ffffff14);outline:none;transform:translateY(-2px);box-shadow:0 0 0 3px #6366f11a,0 4px 15px #0000001a}.contact-content{gap:var(--spacing-4xl);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.contact-info{display:flex}.contact-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--primary-color);z-index:1;font-weight:600;position:relative}.contact-card p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);z-index:1;line-height:1.6;position:relative}.contact-details{margin-bottom:var(--spacing-2xl);z-index:1;position:relative}.contact-item{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.contact-icon{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));border-radius:var(--border-radius-full);width:50px;height:50px;color:var(--text-white);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 15px #6366f14d}.contact-text h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);font-weight:600}.contact-text p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.social-links{gap:var(--spacing-md);z-index:1;display:flex;position:relative}.social-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-full);width:40px;height:40px;color:var(--primary-color);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link:hover{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:var(--text-white);transform:translateY(-3px)scale(1.1);box-shadow:0 8px 20px #6366f14d}.form-group{z-index:1;flex-direction:column;display:flex;position:relative}.form-group label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:600}.form-group textarea{resize:vertical;min-height:120px}.btn-loading,.contact-form.loading .btn-text{display:none}.contact-form.loading .btn-loading{display:inline-block}.footer{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:var(--text-primary);padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#ffffff26,#ffffff14);border-top:1px solid #fff3;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:left .8s;position:absolute;top:0;left:-100%}.footer:hover:before{left:100%}.footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.footer-links{gap:var(--spacing-lg);display:flex}.footer-links a{color:var(--text-primary);transition:color var(--transition-normal);text-decoration:none}.footer-links a:hover{color:var(--primary-color)}@media screen and (width<=768px){html,body{overflow-x:hidden!important}.nav-toggle{visibility:visible!important;opacity:1!important;-webkit-backdrop-filter:blur(20px)saturate(180%)!important;z-index:99999!important;cursor:pointer!important;will-change:transform, background-color, box-shadow!important;background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%)!important;border:1px solid #6366f133!important;border-radius:16px!important;padding:14px!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 12px #6366f126,0 8px 24px #6366f11a,inset 0 1px #fff6!important}.nav-toggle:before{content:""!important;background:linear-gradient(90deg,#0000,#6366f14d,#0000)!important;width:100%!important;height:100%!important;transition:left .6s!important;position:absolute!important;top:0!important;left:-100%!important}.nav-toggle:hover:before{left:100%!important}.nav-toggle:hover{background:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%)!important;border-color:#6366f166!important;transform:translateY(-2px)scale(1.08)!important;box-shadow:0 8px 20px #6366f140,0 16px 40px #6366f126,inset 0 1px #fff9!important}.nav-toggle:active{transition:all .15s cubic-bezier(.4,0,.2,1)!important;transform:translateY(0)scale(.96)!important}.nav-menu{-webkit-backdrop-filter:blur(25px)saturate(180%)!important;z-index:99998!important;box-sizing:border-box!important;inset:0 0 0 -100%!important;-webkit-overflow-scrolling:touch!important;contain:none!important;isolation:isolate!important;background:linear-gradient(135deg,#6366f1f2 0%,#8b5cf6f2 50%,#06b6d4f2 100%)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100vw!important;max-width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;margin:0!important;padding:20px!important;list-style:none!important;transition:all .8s cubic-bezier(.175,.885,.32,1.275)!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important;transform:translateZ(0)!important;box-shadow:0 0 0 1px #ffffff1a,inset 0 1px #fff3!important}.nav-menu:before{content:""!important;pointer-events:none!important;opacity:1!important;background:radial-gradient(circle at 20% 30%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff26 0%,#0000 50%),radial-gradient(circle at 40% 80%,#ffffff14 0%,#0000 50%)!important;width:100%!important;height:100%!important;transition:opacity .6s cubic-bezier(.25,.46,.45,.94)!important;animation:8s ease-in-out infinite floatingParticles!important;position:absolute!important;top:0!important;left:0!important}.nav-menu:not(.active):before{opacity:0!important;animation:.6s ease-out forwards fadeOutParticles!important}@keyframes floatingParticles{0%,to{opacity:.6!important;transform:translate(0)rotate(0)scale(1)!important}33%{opacity:.8!important;transform:translate(-10px,-15px)rotate(2deg)scale(1.1)!important}66%{opacity:.7!important;transform:translate(15px,-10px)rotate(-1deg)scale(.9)!important}}@keyframes fadeOutParticles{0%{opacity:.6!important;transform:scale(1)!important}to{opacity:0!important;transform:scale(.8)!important}}.nav-menu.active{left:0!important;transform:translate(0)translateZ(0)!important}.nav-menu:not(.active){opacity:0!important;-webkit-filter:blur(8px)!important;-webkit-backdrop-filter:blur()saturate()!important;background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 50%,#06b6d41a 100%)!important;transition:all .6s cubic-bezier(.25,.46,.45,.94)!important;transform:translate(-100%)scale(.9)rotateY(-15deg)!important}.nav-menu.active{opacity:1!important;-webkit-filter:blur()!important;-webkit-backdrop-filter:blur(25px)saturate(180%)!important;transition:all .8s cubic-bezier(.175,.885,.32,1.275)!important;transform:translate(0)scale(1)rotateY(0)!important}body:has(.nav-menu.active){width:100%!important;height:100%!important;transition:all .3s!important;position:fixed!important;overflow:hidden!important}body:not(:has(.nav-menu.active)){transition:all .5s cubic-bezier(.25,.46,.45,.94) .3s!important;position:static!important;overflow:auto!important}.header{contain:none!important;overflow:visible!important}.nav-container{contain:none!important;position:relative!important;overflow:visible!important}.nav-menu.active{position:fixed!important;inset:0!important;overflow:hidden!important}.nav-item{opacity:0!important;perspective:1000px!important;-webkit-filter:blur(4px)!important;width:100%!important;max-width:300px!important;margin:0!important;transition:all .8s cubic-bezier(.175,.885,.32,1.275)!important;display:block!important;transform:translateY(60px)rotateX(15deg)scale(.8)!important}.nav-menu.active .nav-item{opacity:1!important;-webkit-filter:blur()!important;transform:translateY(0)rotateX(0)scale(1)!important}.nav-menu:not(.active) .nav-item{opacity:0!important;-webkit-filter:blur(6px)!important;transition:all .5s cubic-bezier(.55,.055,.675,.19)!important;transform:translateY(-40px)rotateX(-10deg)scale(.7)!important}.nav-menu:not(.active) .nav-item:first-child{transition-delay:.5s!important}.nav-menu:not(.active) .nav-item:nth-child(2){transition-delay:.4s!important}.nav-menu:not(.active) .nav-item:nth-child(3){transition-delay:.3s!important}.nav-menu:not(.active) .nav-item:nth-child(4){transition-delay:.2s!important}.nav-menu:not(.active) .nav-item:nth-child(5){transition-delay:.1s!important}.nav-menu:not(.active) .nav-item:nth-child(6){transition-delay:0s!important}.nav-menu.active .nav-item:first-child{transition-delay:.1s!important;animation:1s cubic-bezier(.175,.885,.32,1.275) .1s both slideInBounce!important}.nav-menu.active .nav-item:nth-child(2){transition-delay:.2s!important;animation:1s cubic-bezier(.175,.885,.32,1.275) .2s both slideInBounce!important}.nav-menu.active .nav-item:nth-child(3){transition-delay:.3s!important;animation:1s cubic-bezier(.175,.885,.32,1.275) .3s both slideInBounce!important}.nav-menu.active .nav-item:nth-child(4){transition-delay:.4s!important;animation:1s cubic-bezier(.175,.885,.32,1.275) .4s both slideInBounce!important}.nav-menu.active .nav-item:nth-child(5){transition-delay:.5s!important;animation:1s cubic-bezier(.175,.885,.32,1.275) .5s both slideInBounce!important}@keyframes slideInBounce{0%{opacity:0!important;transform:translateY(60px)rotateX(15deg)scale(.8)!important}60%{opacity:.8!important;transform:translateY(-10px)rotateX(-2deg)scale(1.05)!important}to{opacity:1!important;transform:translateY(0)rotateX(0)scale(1)!important}}.nav-link{letter-spacing:.5px!important;width:100%!important;font-size:22px!important;font-weight:500!important;font-family:var(--font-family)!important;color:var(--text-white)!important;text-align:center!important;-webkit-backdrop-filter:blur(15px)!important;will-change:transform, background-color, box-shadow!important;box-sizing:border-box!important;text-shadow:0 1px 2px #0000001a!important;background:#ffffff26!important;border:1px solid #fff3!important;border-radius:18px!important;padding:20px 32px!important;text-decoration:none!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;display:block!important;position:relative!important;overflow:hidden!important;transform:translateZ(0)!important;box-shadow:0 4px 16px #0000001a,0 8px 32px #0000000d,inset 0 1px #ffffff4d!important}.nav-link:before{content:""!important;opacity:0!important;border-radius:inherit!important;background:linear-gradient(135deg,#fff3 0%,#ffffff1a 50%,#ffffff0d 100%)!important;width:100%!important;height:100%!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;position:absolute!important;top:0!important;left:0!important}.nav-link:after{content:""!important;background:linear-gradient(90deg,#0000,#fffc,#0000)!important;width:100%!important;height:2px!important;transition:left .6s cubic-bezier(.175,.885,.32,1.275)!important;position:absolute!important;top:50%!important;left:-100%!important;transform:translateY(-50%)!important}.nav-link:hover:before,.nav-link:active:before{opacity:1!important}.nav-link:hover:after{left:100%!important}.nav-link:hover,.nav-link:active{color:var(--text-white)!important;text-shadow:0 2px 4px #0003!important;background:#ffffff40!important;border-color:#fff6!important;transform:translateY(-4px)translateZ(0)scale(1.03)!important;box-shadow:0 8px 24px #00000026,0 16px 48px #0000001a,inset 0 1px #ffffff80!important}.nav-link:active{transition:all .15s cubic-bezier(.4,0,.2,1)!important;transform:translateY(-2px)translateZ(0)scale(1.01)!important}.header{z-index:99997!important;position:relative!important}body.menu-open{overflow:hidden!important}.nav-menu.active{pointer-events:all!important}.nav-menu:before{content:""!important;z-index:-1!important;background:#0000001a!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important}}@media (width<=768px) and (width>=480px){.nav-toggle{display:flex!important}.nav-menu{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;z-index:9999!important;background:#fffffffa!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100vh!important;margin:0!important;padding:0!important;list-style:none!important;transition:left .4s!important;position:fixed!important;top:0!important;left:-100%!important;box-shadow:0 8px 32px #0000001a!important}.nav-menu.active{left:0!important}.nav-container{position:relative}.nav-item{margin:var(--spacing-lg) 0!important;text-align:center!important;opacity:0!important;width:90%!important;transition:all .3s!important;transform:translateY(20px)!important}.nav-menu.active .nav-item{opacity:1!important;transform:translateY(0)!important}.nav-menu.active .nav-item:first-child{transition-delay:.1s!important}.nav-menu.active .nav-item:nth-child(2){transition-delay:.2s!important}.nav-menu.active .nav-item:nth-child(3){transition-delay:.3s!important}.nav-menu.active .nav-item:nth-child(4){transition-delay:.4s!important}.nav-menu.active .nav-item:nth-child(5){transition-delay:.5s!important}.nav-menu.active .nav-item:nth-child(6){transition-delay:.6s!important}.nav-link:active:before{animation:.6s cubic-bezier(.175,.885,.32,1.275) rippleEffect!important}@keyframes rippleEffect{0%{opacity:1!important;transform:scale(0)!important}to{opacity:0!important;transform:scale(4)!important}}.nav-link.active{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))!important;color:var(--text-white)!important;border-color:#fff9!important;box-shadow:0 6px 20px #6366f166,0 12px 36px #6366f133,inset 0 1px #fff6!important}@media (prefers-reduced-motion:reduce){.nav-menu,.nav-item,.nav-link,.floating-particles,.nav-toggle .bar{transition:opacity .3s,transform .3s!important;animation:none!important}}@media (hover:none) and (pointer:coarse){.nav-link:hover{background:#fff3!important;transform:none!important}.nav-link:active{background:#ffffff59!important;transform:scale(.98)!important}}.nav-link{padding:var(--spacing-lg) var(--spacing-xl)!important;color:var(--text-primary)!important;border-radius:var(--border-radius-lg)!important;transition:all var(--transition-normal)!important;text-align:center!important;font-size:1.5rem!important;font-weight:600!important;text-decoration:none!important;display:block!important;position:relative!important;overflow:hidden!important}.nav-link:hover{color:var(--primary-color)!important;background:linear-gradient(135deg,#6366f11a,#8b5cf61a)!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px #6366f133!important}.nav-toggle{z-index:10000!important;cursor:pointer!important;padding:var(--spacing-sm)!important;border-radius:var(--border-radius-sm)!important;background:#ffffff1a!important;border:1px solid #6366f14d!important;transition:all .3s!important;display:flex!important;position:relative!important}.bar{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))!important;transform-origin:50%!important;border-radius:3px!important;width:26px!important;height:3px!important;margin:3px 0!important;transition:all .5s cubic-bezier(.175,.885,.32,1.275)!important;position:relative!important;overflow:hidden!important}.bar:before{content:""!important;background:linear-gradient(90deg,#0000,#fff6,#0000)!important;width:100%!important;height:100%!important;transition:left .6s!important;position:absolute!important;top:0!important;left:-100%!important}.nav-toggle:hover .bar:before{left:100%!important}.nav-toggle.active .bar:nth-child(2){opacity:0!important;transition:all .3s cubic-bezier(.25,.46,.45,.94) .1s!important;transform:scaleX(0)!important}.nav-toggle.active .bar:first-child{background:linear-gradient(135deg, var(--accent-color), var(--primary-color))!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275) .2s!important;transform:translateY(9px)rotate(45deg)!important}.nav-toggle.active .bar:nth-child(3){background:linear-gradient(135deg, var(--accent-color), var(--primary-color))!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275) .2s!important;transform:translateY(-9px)rotate(-45deg)!important}.nav-toggle:not(.active) .bar:first-child,.nav-toggle:not(.active) .bar:nth-child(3){transition:all .5s cubic-bezier(.68,-.55,.265,1.55)!important}.nav-toggle:not(.active) .bar:nth-child(2){transition:all .4s cubic-bezier(.68,-.55,.265,1.55) .1s!important}.nav-toggle:hover .bar{background:linear-gradient(135deg, var(--primary-dark), var(--secondary-color))!important;box-shadow:0 0 8px #6366f166!important}.hero{min-height:100vh;padding:var(--spacing-4xl) 0;justify-content:center;align-items:center;margin-top:-10%}.hero-content{text-align:center;gap:var(--spacing-2xl);flex-direction:column;grid-template-columns:1fr;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:0;display:flex}.hero-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:8%;display:flex}.hero-title{font-size:var(--font-size-4xl);text-align:center;width:100%;margin:0 auto}.hero-subtitle{text-align:center;align-items:center;width:100%;margin:0 auto}.hero-typewriter{margin:var(--spacing-xs) auto 0;justify-content:center;width:fit-content}.hero-description{text-align:center;max-width:90%;margin:0 auto var(--spacing-lg) auto}.hero-buttons{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:row;width:100%;margin:0 auto;display:flex}.tech-showcase{padding:var(--spacing-2xl);margin-left:7%;margin-right:-9%}.tech-grid{gap:var(--spacing-md);max-width:300px}.tech-card{min-height:80px;padding:var(--spacing-md)}.tech-icon{font-size:2rem}.geometric-decoration{opacity:.3;transform:scale(.7)}.geometric-decoration.top-left{top:15%;left:5%}.geometric-decoration.top-right{top:25%;right:5%}.geometric-decoration.bottom-left{bottom:30%;left:3%}.geometric-decoration.bottom-right{bottom:25%;right:8%}.geometric-decoration.center-accent{opacity:.2;transform:translate(-50%,-50%)rotate(45deg)scale(.6)}.about-content,.contact-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.profile-image{width:200px;height:200px}.tech-badges{grid-template-columns:1fr;max-width:250px}.skills-categories,.projects-grid{grid-template-columns:1fr}.stats{gap:var(--spacing-md);grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.footer-content{text-align:center;flex-direction:column}.cursor,.cursor-follower{display:none}body{cursor:default}}@media (width<=767px){.nav-toggle{display:flex!important}.nav-menu{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;z-index:9999!important;background:#fffffffa!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100vh!important;margin:0!important;padding:0!important;list-style:none!important;transition:left .4s!important;position:fixed!important;top:0!important;left:-100%!important;box-shadow:0 8px 32px #0000001a!important}.nav-menu.active{left:0!important}.nav-container{position:relative}.nav-item{margin:var(--spacing-lg) 0!important;text-align:center!important;opacity:0!important;width:90%!important;transition:all .3s!important;transform:translateY(20px)!important}.nav-menu.active .nav-item{opacity:1!important;transform:translateY(0)!important}.nav-menu.active .nav-item:first-child{transition-delay:.1s!important}.nav-menu.active .nav-item:nth-child(2){transition-delay:.2s!important}.nav-menu.active .nav-item:nth-child(3){transition-delay:.3s!important}.nav-menu.active .nav-item:nth-child(4){transition-delay:.4s!important}.nav-menu.active .nav-item:nth-child(5){transition-delay:.5s!important}.nav-menu.active .nav-item:nth-child(6){transition-delay:.6s!important}.nav-link:active:before{animation:.6s cubic-bezier(.175,.885,.32,1.275) rippleEffect!important}@keyframes rippleEffect{0%{opacity:1!important;transform:scale(0)!important}to{opacity:0!important;transform:scale(4)!important}}.nav-link.active{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))!important;color:var(--text-white)!important;border-color:#fff9!important;box-shadow:0 6px 20px #6366f166,0 12px 36px #6366f133,inset 0 1px #fff6!important}@media (prefers-reduced-motion:reduce){.nav-menu,.nav-item,.nav-link,.floating-particles,.nav-toggle .bar{transition:opacity .3s,transform .3s!important;animation:none!important}}@media (hover:none) and (pointer:coarse){.nav-link:hover{background:#fff3!important;transform:none!important}.nav-link:active{background:#ffffff59!important;transform:scale(.98)!important}}.nav-link{padding:var(--spacing-lg) var(--spacing-xl)!important;color:var(--text-primary)!important;border-radius:var(--border-radius-lg)!important;transition:all var(--transition-normal)!important;text-align:center!important;font-size:1.5rem!important;font-weight:600!important;text-decoration:none!important;display:block!important;position:relative!important;overflow:hidden!important}.nav-link:hover{color:var(--primary-color)!important;background:linear-gradient(135deg,#6366f11a,#8b5cf61a)!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px #6366f133!important}.nav-toggle{z-index:10000!important;cursor:pointer!important;padding:var(--spacing-sm)!important;border-radius:var(--border-radius-sm)!important;background:#ffffff1a!important;border:1px solid #6366f14d!important;transition:all .3s!important;display:flex!important;position:relative!important}.bar{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))!important;transform-origin:50%!important;border-radius:3px!important;width:26px!important;height:3px!important;margin:3px 0!important;transition:all .5s cubic-bezier(.175,.885,.32,1.275)!important;position:relative!important;overflow:hidden!important}.bar:before{content:""!important;background:linear-gradient(90deg,#0000,#fff6,#0000)!important;width:100%!important;height:100%!important;transition:left .6s!important;position:absolute!important;top:0!important;left:-100%!important}.nav-toggle:hover .bar:before{left:100%!important}.nav-toggle.active .bar:nth-child(2){opacity:0!important;transition:all .3s cubic-bezier(.25,.46,.45,.94) .1s!important;transform:scaleX(0)!important}.nav-toggle.active .bar:first-child{background:linear-gradient(135deg, var(--accent-color), var(--primary-color))!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275) .2s!important;transform:translateY(9px)rotate(45deg)!important}.nav-toggle.active .bar:nth-child(3){background:linear-gradient(135deg, var(--accent-color), var(--primary-color))!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275) .2s!important;transform:translateY(-9px)rotate(-45deg)!important}.nav-toggle:not(.active) .bar:first-child,.nav-toggle:not(.active) .bar:nth-child(3){transition:all .5s cubic-bezier(.68,-.55,.265,1.55)!important}.nav-toggle:not(.active) .bar:nth-child(2){transition:all .4s cubic-bezier(.68,-.55,.265,1.55) .1s!important}.nav-toggle:hover .bar{background:linear-gradient(135deg, var(--primary-dark), var(--secondary-color))!important;box-shadow:0 0 8px #6366f166!important}.hero{min-height:100vh;padding:var(--spacing-4xl) 0;justify-content:center;align-items:center}.hero-content{text-align:center;gap:var(--spacing-2xl);flex-direction:column;grid-template-columns:1fr;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:0;display:flex}.hero-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:15%;display:flex}.hero-title{font-size:var(--font-size-4xl);text-align:center;width:100%;margin:0 auto}.hero-subtitle{text-align:center;align-items:center;width:100%;margin:0 auto}.hero-typewriter{margin:var(--spacing-xs) auto 0;justify-content:center;width:fit-content}.hero-description{text-align:center;max-width:90%;margin:0 auto var(--spacing-lg) auto}.hero-buttons{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:row;width:100%;margin:0 auto;display:flex}.tech-showcase{padding:var(--spacing-2xl)}.tech-grid{gap:var(--spacing-md);max-width:300px}.tech-card{min-height:80px;padding:var(--spacing-md)}.tech-icon{font-size:2rem}.geometric-decoration{opacity:.3;transform:scale(.7)}.geometric-decoration.top-left{top:15%;left:5%}.geometric-decoration.top-right{top:25%;right:5%}.geometric-decoration.bottom-left{bottom:30%;left:3%}.geometric-decoration.bottom-right{bottom:25%;right:8%}.geometric-decoration.center-accent{opacity:.2;transform:translate(-50%,-50%)rotate(45deg)scale(.6)}.about-content,.contact-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.profile-image{width:200px;height:200px}.tech-badges{grid-template-columns:1fr;max-width:250px}.skills-categories,.projects-grid{grid-template-columns:1fr}.stats{gap:var(--spacing-md);grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.footer-content{text-align:center;flex-direction:column}.cursor,.cursor-follower{display:none}body{cursor:default}}@media (width<=1024px) and (width>=769px){.nav-menu{gap:var(--spacing-lg)}.container{padding:0 var(--spacing-xl)}}@media (width<=480px){.container{padding:0 var(--spacing-md)}.nav-container{padding:var(--spacing-md)}.nav-menu{height:calc(100vh - 70px);padding-top:var(--spacing-xl);top:70px}.nav-item{margin:var(--spacing-md) 0}.nav-link{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.nav-toggle{padding:var(--spacing-xs)}.bar{width:22px;height:2px;margin:2px 0}.hero{min-height:120vh;padding:100px var(--spacing-sm) var(--spacing-xl) var(--spacing-sm);justify-content:center;align-items:center;margin-top:-25%;display:flex}.hero-content{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;width:100%;max-width:100%;margin:0 auto;padding:0;display:flex}.hero-title{font-size:var(--font-size-3xl);margin:0 auto var(--spacing-md) auto;text-align:center;width:100%;line-height:1.2}.hero-subtitle{font-size:var(--font-size-xl);margin:0 auto var(--spacing-sm) auto;text-align:center;align-items:center;width:100%}.hero-typewriter{margin:var(--spacing-xs) auto 0;justify-content:center;width:fit-content}.hero-description{font-size:var(--font-size-base);max-width:95%;margin:0 auto var(--spacing-lg) auto;text-align:center;line-height:1.6}.hero-buttons{gap:var(--spacing-md);flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto}.btn{justify-content:center;width:100%;max-width:280px}.section-title{font-size:var(--font-size-3xl)}.about-card,.contact-card,.contact-form-container,.skill-category{padding:var(--spacing-lg)}.hero-image{justify-content:center;align-items:center;width:100%;margin-left:15%;display:flex}.tech-showcase{padding:var(--spacing-lg);justify-content:center;align-items:center;width:100%;display:flex}.tech-grid{gap:var(--spacing-sm);justify-content:center;align-items:center;max-width:250px;margin:0 auto}.tech-card{min-height:70px;padding:var(--spacing-sm)}.tech-icon{font-size:1.5rem}.tech-label{font-size:var(--font-size-xs)}.profile-image{width:180px;height:180px}.geometric-decoration.top-left,.geometric-decoration.bottom-right{width:40px;height:40px}.geometric-decoration.top-right,.geometric-decoration.bottom-left{width:35px;height:35px}.geometric-decoration.center-accent{opacity:.15;width:80px;height:80px}.scroll-indicator{bottom:var(--spacing-lg);transform:translate(-50%)scale(.8)}}.project-card{opacity:0;animation:.6s ease-out forwards gentleReveal;translate:0 20px}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.2s}.project-card:nth-child(4){animation-delay:.3s}@keyframes gentleReveal{to{opacity:1;translate:0}}@media (width<=480px){.nav-toggle{border-radius:10px!important;width:45px!important;height:45px!important}.nav-link{border-radius:16px!important;padding:18px 28px!important;font-size:20px!important}.floating-particles{display:none!important}}.nav-menu,.nav-toggle,.nav-link{backface-visibility:hidden!important;perspective:1000px!important}.notification{z-index:10000;opacity:0;-webkit-backdrop-filter:blur(40px)saturate(180%);word-wrap:break-word;max-width:380px;font-size:15px;font-weight:500;font-family:var(--font-family);color:#333333e6;text-shadow:0 1px 2px #ffffff80;background:linear-gradient(135deg,#ffffff40 0%,#ffffff26 50%,#ffffff1a 100%);border:1.5px solid #ffffff4d;border-radius:20px;align-items:center;gap:12px;padding:18px 26px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;top:20px;right:20px;overflow:hidden;transform:translate(400px);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a,inset 0 2px #ffffff40,inset 0 -2px #0000000d}.notification:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.notification:hover:before{left:100%}.notification-success{color:#1b5e20e6;text-shadow:0 1px 2px #ffffffb3;background:linear-gradient(135deg,#4caf504d 0%,#388e3c40 50%,#2e7d3233 100%);border-color:#4caf5066}.notification-success:before{background:linear-gradient(90deg,#0000,#4caf5033,#0000)}.notification-error{color:#b71c1ce6;text-shadow:0 1px 2px #ffffffb3;background:linear-gradient(135deg,#f443364d 0%,#d32f2f40 50%,#c6282833 100%);border-color:#f4433666}.notification-error:before{background:linear-gradient(90deg,#0000,#f4433633,#0000)}.notification-info{color:#0d47a1e6;text-shadow:0 1px 2px #ffffffb3;background:linear-gradient(135deg,#2196f34d 0%,#1976d240 50%,#1565c033 100%);border-color:#2196f366}.notification-info:before{background:linear-gradient(90deg,#0000,#2196f333,#0000)}.notification-emoji{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:12px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-size:18px!important}.notification-text{letter-spacing:.025em;flex:1;font-weight:500}[data-theme=dark] .notification{color:#f1f5f9f2;text-shadow:0 1px 2px #00000080;background:linear-gradient(135deg,#1e293b66 0%,#0f172a59 50%,#0f172a4d 100%);border-color:#6366f166;box-shadow:0 20px 40px #00000080,0 8px 16px #0000004d,inset 0 2px #6366f14d,inset 0 -2px #0003}[data-theme=dark] .notification:before{background:linear-gradient(90deg,#0000,#6366f126,#0000)}[data-theme=dark] .notification-success{color:#bbf7d0f2;background:linear-gradient(135deg,#22c55e66 0%,#16a34a59 50%,#15803d4d 100%);border-color:#22c55e80}[data-theme=dark] .notification-success:before{background:linear-gradient(90deg,#0000,#22c55e33,#0000)}[data-theme=dark] .notification-error{color:#fecacaf2;background:linear-gradient(135deg,#ef444466 0%,#dc262659 50%,#b91c1c4d 100%);border-color:#ef444480}[data-theme=dark] .notification-error:before{background:linear-gradient(90deg,#0000,#ef444433,#0000)}[data-theme=dark] .notification-info{color:#bfdbfef2;background:linear-gradient(135deg,#3b82f666 0%,#2563eb59 50%,#1d4ed84d 100%);border-color:#3b82f680}[data-theme=dark] .notification-info:before{background:linear-gradient(90deg,#0000,#3b82f633,#0000)}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.nav-toggle{background:0 0;border:0}.form-status{margin-top:1rem;font-weight:600}.form-status.success{color:#22c55e}.form-status.error{color:#ef4444}.particle{background:#6366f159;border-radius:50%;width:8px;height:8px;animation:linear infinite particleFloat;position:absolute;bottom:-30px}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(-110vh)rotate(360deg)}}.career{padding:var(--spacing-4xl) 0;background:var(--bg-primary);overflow:hidden}.career-experience{max-width:1050px;margin:0 auto}.career-block-title{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-size:var(--font-size-2xl);text-align:center;display:flex}.career-timeline{gap:var(--spacing-2xl);padding:var(--spacing-lg) 0 var(--spacing-3xl);flex-direction:column;display:flex;position:relative}.career-timeline:before{content:"";background:linear-gradient(to bottom, var(--primary-color), var(--secondary-color), var(--accent-color));border-radius:999px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 18px #6366f159}.career-timeline-item{width:calc(50% - 2.25rem);position:relative}.career-timeline-item:nth-child(odd){align-self:flex-start}.career-timeline-item:nth-child(2n){align-self:flex-end}.career-timeline-dot{color:#fff;border:4px solid var(--bg-primary);background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));z-index:2;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:absolute;top:2rem;box-shadow:0 0 0 3px #6366f12e}.career-timeline-item:nth-child(odd) .career-timeline-dot{right:-3.5rem}.career-timeline-item:nth-child(2n) .career-timeline-dot{left:-3.5rem}.career-timeline-card{padding:var(--spacing-xl);border:1px solid #6366f133;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.career-timeline-card:hover,.career-timeline-item:focus .career-timeline-card,.career-timeline-item:focus-within .career-timeline-card{border-color:#6366f18c;transform:translateY(-7px);box-shadow:0 22px 50px #0f172a24,0 0 25px #6366f11f}.career-timeline-item:focus{outline:none}.career-timeline-item:focus-visible .career-timeline-card{outline-offset:4px;outline:3px solid #6366f173}.timeline-period{margin-bottom:var(--spacing-sm);color:var(--primary-color);font-size:var(--font-size-sm);font-weight:700;display:inline-block}.career-timeline-card h4,.career-education-card h4{margin:0 0 var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-lg)}.career-timeline-card strong,.career-education-card strong{color:var(--text-secondary)}.career-timeline-card>p,.career-education-card p{margin:var(--spacing-md) 0 0;color:var(--text-secondary);line-height:1.7}.career-more{opacity:0;max-height:0;margin-top:0;transition:max-height .55s,margin-top .4s,opacity .3s,transform .4s;overflow:hidden;transform:translateY(8px)}.career-timeline-card:hover .career-more,.career-timeline-item:focus .career-more,.career-timeline-item:focus-within .career-more{max-height:24rem;margin-top:var(--spacing-lg);opacity:1;transform:translateY(0)}.career-more-label{margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:700;display:block}.career-more ul{gap:var(--spacing-sm);color:var(--text-secondary);padding-left:1.2rem;display:grid}.career-more li::marker{color:var(--accent-color)}.career-hover-hint{margin-top:var(--spacing-md);color:var(--primary-color);font-size:var(--font-size-sm);align-items:center;gap:.35rem;font-weight:700;transition:opacity .25s;display:inline-flex}.career-timeline-card:hover .career-hover-hint,.career-timeline-item:focus .career-hover-hint{opacity:0}.career-education{margin-top:var(--spacing-xl)}.career-education-grid{gap:var(--spacing-lg);margin-top:var(--spacing-2xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.career-education-card{padding:var(--spacing-xl);text-align:center;border:1px solid #6366f133;transition:transform .35s,border-color .35s,box-shadow .35s}.career-education-card:hover{border-color:#6366f18c;transform:translateY(-8px);box-shadow:0 18px 42px #6366f126}.career-education-icon{width:3.5rem;height:3.5rem;margin:0 auto var(--spacing-md);color:#fff;background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));font-size:var(--font-size-xl);border-radius:1rem;place-items:center;display:grid;box-shadow:0 10px 25px #6366f140}.career-reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(34px)}.career-timeline-item:nth-child(odd).career-reveal{transform:translate(-42px)}.career-timeline-item:nth-child(2n).career-reveal{transform:translate(42px)}.career-reveal.is-visible{opacity:1;transform:translate(0)}.project-image-placeholder{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));place-items:center;display:grid}.project-image-placeholder>i{color:#ffffffe6;font-size:clamp(3rem,7vw,5rem)}@media (width<=1024px){.career-experience{max-width:760px}.career-timeline{padding-left:3rem}.career-timeline:before{left:1.25rem}.career-timeline-item,.career-timeline-item:nth-child(odd),.career-timeline-item:nth-child(2n){align-self:stretch;width:100%}.career-timeline-item:nth-child(odd) .career-timeline-dot,.career-timeline-item:nth-child(2n) .career-timeline-dot{left:-3rem;right:auto}.career-timeline-item:nth-child(odd).career-reveal,.career-timeline-item:nth-child(2n).career-reveal{transform:translateY(28px)}.career-timeline-item.career-reveal.is-visible{transform:translateY(0)}.career-education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-education-card:last-child{grid-column:1/-1}}@media (width<=640px){.career{padding:var(--spacing-3xl) 0}.career .section-header{margin-bottom:var(--spacing-2xl)}.career-timeline{gap:var(--spacing-lg);padding-left:2.5rem;padding-bottom:var(--spacing-2xl)}.career-timeline:before{width:2px;left:1rem}.career-timeline-dot{border-width:3px;width:2rem;height:2rem;font-size:.75rem;top:1.5rem}.career-timeline-item:nth-child(odd) .career-timeline-dot,.career-timeline-item:nth-child(2n) .career-timeline-dot{left:-2.5rem}.career-timeline-card{padding:var(--spacing-lg)}.career-timeline-card h4,.career-education-card h4{font-size:var(--font-size-base)}.career-block-title{font-size:var(--font-size-xl)}.career-education{margin-top:0}.career-education-grid{gap:var(--spacing-md);margin-top:var(--spacing-lg);grid-template-columns:1fr}.career-education-card:last-child{grid-column:auto}.career-education-card{padding:var(--spacing-lg)}}@media (hover:none){.career-more,.career-timeline-card:hover .career-more,.career-timeline-item:focus .career-more,.career-timeline-item:focus-within .career-more{max-height:none;margin-top:var(--spacing-lg);opacity:1;overflow:visible;transform:none}.career-hover-hint{display:none}.career-timeline-card:hover,.career-education-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.career-reveal,.career-timeline-item:nth-child(odd).career-reveal,.career-timeline-item:nth-child(2n).career-reveal{opacity:1;transition:none;transform:none}}.hero{isolation:isolate}.hero-background,.hero-background:before,.hero-particles,.particle,.geometric-decoration{pointer-events:none!important}.hero-background{z-index:0}.hero-content{z-index:2;position:relative}.hero-text,.hero-buttons,.hero-buttons .btn,.hero-image,.tech-showcase,.tech-grid,.tech-card{pointer-events:auto}.hero-buttons .btn{z-index:3;position:relative}.tech-card{will-change:transform, opacity, box-shadow;animation:.7s cubic-bezier(.22,1,.36,1) backwards techCardEntrance}.tech-card:first-child{animation-delay:.75s}.tech-card:nth-child(2){animation-delay:.84s}.tech-card:nth-child(3){animation-delay:.93s}.tech-card:nth-child(4){animation-delay:1.02s}.tech-card:nth-child(5){animation-delay:1.11s}.tech-card:nth-child(6){animation-delay:1.2s}.tech-card:nth-child(7){animation-delay:1.29s}.tech-card:nth-child(8){animation-delay:1.38s}.tech-card:nth-child(9){animation-delay:1.47s}.tech-card .tech-icon{animation:3.2s ease-in-out infinite techIconFloat}.tech-card:nth-child(2n) .tech-icon{animation-delay:-.8s}.tech-card:nth-child(3n) .tech-icon{animation-delay:-1.6s}@keyframes techCardEntrance{0%{opacity:0;transform:translateY(28px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes techIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}[data-theme=dark] .career{background:var(--bg-primary)!important}[data-theme=dark] .career-timeline-card,[data-theme=dark] .career-education-card,[data-theme=dark] .tech-card{background:linear-gradient(135deg,#1e293be6,#334155a6);border-color:#6366f159}[data-theme=dark] .career-timeline-dot{border-color:var(--bg-primary)}[data-theme=dark] .career-timeline-card:hover,[data-theme=dark] .career-timeline-item:focus .career-timeline-card,[data-theme=dark] .career-education-card:hover{border-color:#818cf8b3;box-shadow:0 22px 50px #00000059,0 0 28px #6366f12e}[data-theme=dark] .tech-card:hover{background:linear-gradient(135deg,#4338ca57,#1e293be6);border-color:#818cf8cc;box-shadow:0 18px 44px #00000061,0 0 24px #6366f138}@media (prefers-reduced-motion:reduce){.tech-card,.tech-card .tech-icon{animation:none}}@media (width<=900px){body:has(.nav-menu.active){width:auto!important;height:auto!important;position:static!important;overflow:hidden!important}body:not(:has(.nav-menu.active)){position:static!important;overflow-y:auto!important}.header{height:72px;z-index:100000!important;background:color-mix(in srgb, var(--bg-primary) 88%, transparent)!important;overflow:visible!important}.nav-container{gap:.5rem;height:72px;padding:.65rem 1rem!important;overflow:visible!important}.nav-logo{flex-shrink:0}.header-controls{gap:.5rem;margin-left:auto}.theme-toggle{width:38px;height:38px}.language-toggle{min-height:38px;padding:6px 9px}.nav-toggle{flex:0 0 42px;justify-content:center;align-items:center;z-index:100001!important;width:42px!important;height:42px!important;box-shadow:none!important;background:#6366f11a!important;border:1px solid #6366f140!important;border-radius:12px!important;padding:8px!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:none!important}.nav-toggle:before{display:none!important}.nav-toggle:hover,.nav-toggle:active{background:#6366f12e!important;transform:none!important}.nav-toggle .bar{background:var(--primary-color)!important;width:24px!important;height:2px!important;box-shadow:none!important;transform-origin:50%!important;border-radius:999px!important;margin:3px 0!important;transition:transform .3s,opacity .2s!important;position:relative!important}.nav-toggle .bar:before{display:none!important}.nav-toggle.active .bar:first-child{transform:translateY(8px)rotate(45deg)!important}.nav-toggle.active .bar:nth-child(2){opacity:0!important;transform:scaleX(0)!important}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)!important}.nav-menu,.nav-menu:not(.active),.nav-menu.active{z-index:99998!important;background:color-mix(in srgb, var(--bg-primary) 94%, transparent)!important;-webkit-backdrop-filter:blur(24px)saturate(150%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;filter:none!important;border:0!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:clamp(.45rem,1.5vh,1rem)!important;width:100%!important;max-width:none!important;height:calc(100dvh - 72px)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:clamp(1.5rem,6vh,3.5rem) 1.5rem!important;list-style:none!important;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s,visibility .38s!important;display:flex!important;position:fixed!important;inset:72px 0 0!important;overflow-y:auto!important;transform:translate(100%)!important}.nav-menu:before{display:none!important}.nav-menu.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0)!important}.nav-menu .nav-item,.nav-menu:not(.active) .nav-item,.nav-menu.active .nav-item{width:min(100%,24rem);opacity:1!important;filter:none!important;margin:0!important;transition:none!important;animation:none!important;transform:none!important}.nav-menu .nav-link{text-align:center;border:1px solid #0000;width:100%;display:block;color:var(--text-primary)!important;border-radius:14px!important;padding:.8rem 1.25rem!important;font-size:clamp(1rem,3.5vw,1.2rem)!important}.nav-menu .nav-link:hover,.nav-menu .nav-link:focus-visible{outline:none;color:var(--text-white)!important;background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))!important}.hero{align-items:flex-start!important;min-height:auto!important;margin:0!important;padding:calc(72px + 2.5rem) 1rem 5rem!important}.hero:after{height:40px!important}.hero-content{text-align:center!important;flex-direction:column!important;gap:2.5rem!important;width:100%!important;max-width:44rem!important;min-height:0!important;margin:0 auto!important;padding:0!important;display:flex!important}.hero-text,.hero-image{width:100%!important;margin:0!important}.hero-text{flex-direction:column;align-items:center;display:flex}.hero-title{overflow-wrap:anywhere;width:100%!important;margin:0 0 1.25rem!important;font-size:clamp(2.25rem,8vw,3.5rem)!important;line-height:1.08!important}.hero-subtitle{align-items:center!important;width:100%!important;max-width:100%!important;margin:0 0 1rem!important}.hero-typewriter{text-align:center;justify-content:center!important;width:min(100%,27rem)!important;margin:0 auto!important;padding:.55rem .8rem!important;font-size:clamp(.9rem,3.5vw,1.15rem)!important}.hero-typewriter-text,.hero-typewriter-sizer{white-space:normal;overflow-wrap:anywhere}.hero-description{width:100%;max-width:38rem!important;margin:0 auto 1.5rem!important;font-size:clamp(.95rem,2.8vw,1.05rem)!important}.hero-buttons{justify-content:center!important;gap:.85rem!important;width:100%!important;margin:0!important;display:flex!important}.hero-image,.tech-showcase{justify-content:center!important;align-items:center!important;display:flex!important}.tech-showcase{width:100%!important;margin:0!important;padding:0!important}.tech-grid{gap:.75rem!important;width:min(100%,23rem)!important;max-width:23rem!important;margin:0 auto!important}.tech-card{background:#ffffff47!important;border-color:#ffffff7a!important;min-height:78px!important;padding:.65rem!important}.tech-label{color:var(--text-primary)!important;text-shadow:none!important}.scroll-indicator{display:none}}@media (width<=480px){.language-code{display:none}.language-toggle{justify-content:center;width:38px;padding:6px!important}.hero{padding:calc(72px + 2rem) .85rem 4rem!important}.hero-content{gap:2rem!important}.hero-title{font-size:clamp(2rem,10vw,2.75rem)!important}.hero-buttons{flex-direction:column!important;align-items:center!important}.hero-buttons .btn{width:min(100%,18rem)!important}.tech-grid{gap:.55rem!important}.tech-card{min-height:68px!important;padding:.5rem!important}.hero:after{height:28px!important}}@media (width<=600px){.hero{padding-bottom:3rem!important}.hero-content{gap:0!important}.hero-image{display:none!important}}@media (width<=380px){.hero{padding-left:.65rem!important;padding-right:.65rem!important}.tech-grid{gap:.4rem!important}.tech-card{min-width:0;padding:.4rem!important}.tech-label{font-size:.68rem!important}}.project-link:is(button){font:inherit;cursor:pointer;border:0}.pdf-viewer-backdrop{z-index:200000;-webkit-backdrop-filter:blur(12px);background:#020617c7;place-items:center;padding:1.5rem;animation:.25s both pdf-backdrop-in;display:grid;position:fixed;inset:0}.pdf-viewer-dialog{background:var(--bg-primary);border:1px solid #fff3;border-radius:22px;flex-direction:column;width:min(94vw,1200px);height:min(90dvh,900px);animation:.35s cubic-bezier(.22,1,.36,1) both pdf-dialog-in;display:flex;overflow:hidden;box-shadow:0 30px 90px #00000073}.pdf-viewer-header{background:var(--bg-card);border-bottom:1px solid #6366f12e;justify-content:space-between;align-items:center;gap:1rem;min-height:76px;padding:.9rem 1.25rem;display:flex}.pdf-viewer-header h3{color:var(--text-primary);margin:.15rem 0 0;font-size:clamp(1rem,2vw,1.25rem)}.pdf-viewer-kicker{color:var(--primary-color);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.pdf-viewer-actions{flex-shrink:0;gap:.5rem;display:flex}.pdf-viewer-actions a,.pdf-viewer-actions button{width:42px;height:42px;color:var(--primary-color);cursor:pointer;background:#6366f114;border:1px solid #6366f133;border-radius:12px;place-items:center;text-decoration:none;transition:color .2s,background .2s,transform .2s;display:grid}.pdf-viewer-actions a:hover,.pdf-viewer-actions button:hover,.pdf-viewer-actions a:focus-visible,.pdf-viewer-actions button:focus-visible{color:#fff;background:var(--primary-color);outline:none;transform:translateY(-2px)}.pdf-viewer-frame{background:#525659;border:0;flex:1;width:100%;height:100%}@keyframes pdf-backdrop-in{0%{opacity:0}}@keyframes pdf-dialog-in{0%{opacity:0;transform:translateY(24px)scale(.97)}}@media (width<=600px){.pdf-viewer-backdrop{padding:0}.pdf-viewer-dialog{border:0;border-radius:0;width:100%;height:100dvh}.pdf-viewer-header{min-height:68px;padding:.7rem .8rem}.pdf-viewer-header h3{text-overflow:ellipsis;white-space:nowrap;max-width:13rem;overflow:hidden}.pdf-viewer-actions a,.pdf-viewer-actions button{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.pdf-viewer-backdrop,.pdf-viewer-dialog{animation:none}}.gallery-viewer-dialog{background:#0f172a}.gallery-counter{min-width:3.5rem;height:42px;color:var(--text-secondary);font-size:var(--font-size-sm);background:#6366f10f;border:1px solid #6366f12e;border-radius:12px;justify-content:center;align-items:center;padding:0 .75rem;font-weight:700;display:inline-flex}.gallery-viewer-stage{background:radial-gradient(circle,#6366f121,#0000 55%),#0f172a;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.gallery-viewer-stage>img{object-fit:contain;width:100%;height:100%;padding:1rem 4.5rem;animation:.28s both gallery-image-in;display:block}.gallery-nav{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0f172ab8;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .2s,scale .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover,.gallery-nav:focus-visible{background:var(--primary-color);outline:none;scale:1.08}.gallery-nav-prev{left:1rem}.gallery-nav-next{right:1rem}.gallery-thumbnails{background:#111827;border-top:1px solid #ffffff1f;justify-content:center;gap:.75rem;min-height:92px;padding:.75rem 1rem;display:flex;overflow-x:auto}.gallery-thumbnails button{cursor:pointer;opacity:.62;background:#ffffff14;border:2px solid #0000;border-radius:10px;flex:0 0 112px;width:112px;padding:3px;transition:opacity .2s,border-color .2s,transform .2s;overflow:hidden}.gallery-thumbnails button:hover,.gallery-thumbnails button.active{border-color:var(--primary-color);opacity:1;transform:translateY(-2px)}.gallery-thumbnails img{object-fit:cover;border-radius:6px;width:100%;height:62px;display:block}@keyframes gallery-image-in{0%{opacity:0;transform:scale(.985)}}@media (width<=600px){.gallery-counter{display:none}.gallery-viewer-stage>img{padding:.5rem}.gallery-nav{width:44px;height:44px;top:auto;bottom:1rem;transform:none}.gallery-nav-prev{left:1rem}.gallery-nav-next{right:1rem}.gallery-thumbnails{justify-content:flex-start;min-height:78px;padding:.6rem}.gallery-thumbnails button{flex-basis:90px;width:90px}.gallery-thumbnails img{height:50px}}@media (prefers-reduced-motion:reduce){.gallery-viewer-stage>img{animation:none}}