*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:root[data-theme=dark]{--bg-primary:#000000;--bg-secondary:#000000;--text-primary:#ffffff;--text-secondary:#eeeeee;--text-muted:#dddddd;--gradient-start:#ff2ea0;--gradient-end:#7b2fff;--gradient:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%);--gradient-45:linear-gradient(45deg,var(--gradient-start) 0%,var(--gradient-end) 100%);--navbar-border:linear-gradient(90deg,#ff0080,#7928ca);--card-bg:#000000;--skill-card-bg:rgba(0,0,0,0.3);--skill-card-hover-bg:rgba(0,0,0,0.5);--text-shadow:0 0 2px rgba(255,255,255,0.5);--heading-shadow:0 0 3px rgba(255,255,255,0.7);--gradient-shadow:0 0 2px rgba(255,46,160,0.5);--cursor-glow:radial-gradient(circle,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 70%);--font-display:system-ui,-apple-system,"Segoe UI","Roboto",sans-serif;--font-body:system-ui,-apple-system,"Segoe UI","Roboto",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.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:3.75rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--space-12:6rem;--space-16:8rem;--space-20:10rem}:root[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--text-primary:#0f0f0f;--text-secondary:#1a1a1a;--text-muted:#4a4a4a;--gradient-start:#ff4500;--gradient-end:#f0b429;--gradient:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%);--gradient-45:linear-gradient(45deg,var(--gradient-start) 0%,var(--gradient-end) 100%);--navbar-border:linear-gradient(90deg,#e55555,#f0b429);--card-bg:#ffffff;--skill-card-bg:rgba(255,255,255,0.8);--skill-card-hover-bg:rgba(248,249,250,0.95);--text-shadow:none;--heading-shadow:none;--gradient-shadow:0 0 3px rgba(229,85,85,0.5);--cursor-glow:radial-gradient(circle,rgba(229,85,85,0.2) 0%,rgba(229,85,85,0) 70%);--font-display:"Clash Display",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.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:3.75rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--space-12:6rem;--space-16:8rem;--space-20:10rem}:root{--bg-primary:#000000;--bg-secondary:#000000;--text-primary:#ffffff;--text-secondary:#eeeeee;--text-muted:#dddddd;--gradient-start:#ff2ea0;--gradient-end:#7b2fff;--gradient:linear-gradient(90deg,var(--gradient-start) 33%,var(--gradient-end) 83%);--gradient-45:linear-gradient(45deg,var(--gradient-start) 33%,var(--gradient-end) 83%);--navbar-border:linear-gradient(90deg,#ff0080,#7928ca);--card-bg:#000000;--skill-card-bg:rgba(0,0,0,0.3);--skill-card-hover-bg:rgba(0,0,0,0.5);--text-shadow:0 0 2px rgba(255,255,255,0.5);--heading-shadow:0 0 3px rgba(255,255,255,0.7);--gradient-shadow:0 0 2px rgba(255,46,160,0.5);--cursor-glow:radial-gradient(circle,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 70%);--font-display:"Clash Display",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.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:3.75rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--space-12:6rem;--space-16:8rem;--space-20:10rem}html{background-color:var(--bg-primary);font-family:var(--font-body);transition:background-color .6s cubic-bezier(.4,0,.2,1),color .6s ease}body,html{height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:60px 0;background-color:transparent;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#__next,body,html{height:100%;margin:0;padding:0}html{min-height:100%;overflow-y:auto}body,html{height:auto;margin:0;padding:0;overflow-x:hidden}body{padding-top:var(--space-4);padding-bottom:var(--space-10);overflow-y:visible}#__next,body{min-height:100vh}#__next{margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);text-shadow:var(--heading-shadow);font-family:var(--font-display);font-weight:600;line-height:var(--line-height-tight);margin:0 0 var(--space-3) 0}h1{font-size:var(--font-size-5xl);font-weight:700}h1,h2{margin-bottom:var(--space-4)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h3,h4{margin-bottom:var(--space-3)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h5,h6{margin-bottom:var(--space-2)}h6{font-size:var(--font-size-lg)}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--space-2) 0;font-weight:400}a,li,p,span{color:var(--text-primary);text-shadow:var(--text-shadow);font-family:var(--font-body)}a,li,span{line-height:var(--line-height-normal)}.neon-gradient{font-family:var(--font-display);font-weight:800;font-size:var(--font-size-6xl);line-height:var(--line-height-tight);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--gradient-shadow);display:inline-block;margin-bottom:var(--space-2)}.typewriter-container{position:relative;min-height:1.2em;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.typewriter-cursor{font-family:var(--font-display);font-weight:800;font-size:var(--font-size-6xl);line-height:var(--line-height-tight);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--gradient-shadow);margin-left:var(--space-1);animation:cursorPulse 1s ease-in-out infinite alternate}@keyframes cursorPulse{0%{opacity:1;text-shadow:var(--gradient-shadow)}to{opacity:.3;text-shadow:0 0 8px var(--gradient-start)}}.neon-gradient-inline{font-family:var(--font-display);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--gradient-shadow);font-weight:600;margin-bottom:var(--space-2)}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.1);z-index:10000;backdrop-filter:blur(10px)}.scroll-progress-bar{height:100%;background:var(--gradient);width:var(--progress,0);transition:width .1s ease-out;position:relative}.scroll-progress-bar:after{content:"";position:absolute;top:0;right:0;width:8px;height:100%;background:var(--gradient-end);box-shadow:0 0 6px var(--gradient-end);border-radius:0 2px 2px 0}.simple-arrow-container{position:absolute;bottom:var(--space-16);left:50%;transform:translateX(-50%);opacity:0;animation:arrowFadeInFloat 1.2s ease forwards}.simple-arrow-container.visible{opacity:1}.simple-arrow-button{background:none;border:none;cursor:pointer;padding:var(--space-3);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.simple-arrow-button:hover{transform:translateY(-6px)}.arrow-container{width:64px;height:64px}.arrow-container,.arrow-icon{position:relative;display:flex;align-items:center;justify-content:center}.arrow-icon{z-index:3;width:48px;height:48px;transition:all .3s ease}.arrow-glow{position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,46,160,.2) 0,rgba(123,47,255,.1) 40%,transparent 70%);border-radius:50%;animation:arrowGlowPulse 4s ease-in-out infinite;z-index:1}[data-theme=light] .arrow-glow{background:radial-gradient(circle,rgba(229,85,85,.25) 0,rgba(240,180,41,.15) 40%,transparent 70%)}.arrow-pulse{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);border:1px solid rgba(255,46,160,.3);border-radius:50%;animation:arrowPulseRing 3s ease-out infinite;z-index:2}[data-theme=light] .arrow-pulse{border-color:rgba(229,85,85,.4)}.arrow-pulse:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid rgba(123,47,255,.2);border-radius:50%;animation:arrowPulseRing 3s ease-out 1.5s infinite}[data-theme=light] .arrow-pulse:after{border-color:rgba(240,180,41,.3)}.simple-arrow-button:hover .arrow-icon{transform:scale(1.1)}.simple-arrow-button:hover .arrow-glow{background:radial-gradient(circle,rgba(255,46,160,.3) 0,rgba(123,47,255,.2) 40%,transparent 70%);transform:translate(-50%,-50%) scale(1.2)}[data-theme=light] .simple-arrow-button:hover .arrow-glow{background:radial-gradient(circle,rgba(229,85,85,.35) 0,rgba(240,180,41,.25) 40%,transparent 70%)}.arrow-text span{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;opacity:.8;transition:all .3s ease}.simple-arrow-button:hover .arrow-text span{color:var(--text-primary);opacity:1;text-shadow:0 0 8px rgba(255,46,160,.3)}[data-theme=light] .simple-arrow-button:hover .arrow-text span{text-shadow:0 0 8px rgba(229,85,85,.4)}@keyframes arrowFadeInFloat{0%{opacity:0;transform:translateX(-50%) translateY(40px) scale(.9)}70%{opacity:.8;transform:translateX(-50%) translateY(-8px) scale(1.02)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes arrowGlowPulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}33%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}66%{opacity:.8;transform:translate(-50%,-50%) scale(.95)}}@keyframes arrowPulseRing{0%{opacity:.8;transform:translate(-50%,-50%) scale(.7)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@media (max-width:768px){.simple-arrow-container{bottom:var(--space-12)}.arrow-container{width:56px;height:56px}.arrow-icon{width:40px;height:40px}.arrow-glow{width:48px;height:48px}.arrow-pulse{width:64px;height:64px}.arrow-text span{font-size:var(--font-size-xs)}}.loading-spinner-container{display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.loading-spinner{position:relative;display:inline-block}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;border-radius:50%;border-top:2px solid var(--gradient-start);border-right:2px solid var(--gradient-end);opacity:.8}.spinner-ring:first-child{border-width:3px}.spinner-ring:first-child,.spinner-ring:nth-child(2){animation:spinnerRotate 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(2){animation-delay:-.1s;border-width:2px;opacity:.6;transform:scale(.8)}.spinner-ring:nth-child(3){animation:spinnerRotate 1.2s cubic-bezier(.5,0,.5,1) infinite;animation-delay:-.2s;border-width:1px;opacity:.4;transform:scale(.6)}.spinner-core{position:absolute;top:50%;left:50%;width:25%;height:25%;background:var(--gradient);border-radius:50%;transform:translate(-50%,-50%);animation:spinnerPulse 1.2s ease-in-out infinite}@keyframes spinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinnerPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}}.loading-spinner.w-6.h-6 .spinner-ring{border-width:1.5px}.loading-spinner.w-12.h-12 .spinner-ring:first-child{border-width:2.5px}.loading-spinner.w-16.h-16 .spinner-ring:first-child{border-width:3px}.loading-spinner.w-24.h-24 .spinner-ring:first-child{border-width:4px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--gradient);border-radius:6px;border:2px solid var(--bg-primary);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end));transform:scale(1.1);border:1px solid var(--bg-primary)}::-webkit-scrollbar-corner{background:var(--bg-primary)}html{scrollbar-width:thin;scrollbar-color:var(--gradient-start) var(--bg-primary)}a:hover{text-decoration:underline;cursor:pointer}nav a{color:inherit;text-decoration:inherit}.navbar{position:fixed;top:var(--space-3);left:50%;transform:translateX(-50%);z-index:1000;width:calc(100% - var(--space-6));max-width:1200px;height:auto;padding:0;background:none;border:none}.navbar-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-2) var(--space-4);background:rgba(255,255,255,.05);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-theme=light] .navbar-container{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.8)}.navbar-container:before{content:"";position:absolute;inset:0;background:var(--gradient);opacity:.03;transition:opacity .3s ease}.navbar:hover .navbar-container:before{opacity:.06}.navbar-brand{display:flex;align-items:center;z-index:2;position:relative;justify-self:start}.brand-logo-container{display:flex;align-items:center;gap:var(--space-2);transition:all .3s ease}.brand-logo-container:hover{transform:translateY(-1px)}.brand-icon{width:28px;height:28px;justify-content:center;position:relative}.brand-icon,.brand-letters{display:flex;align-items:center}.brand-letters{gap:2px}.brand-letter{font-size:1.35rem;font-weight:900;color:var(--text-primary);line-height:1;letter-spacing:-1px}.brand-divider{width:2px;height:18px;background:var(--gradient);border-radius:1px;opacity:.6;transition:all .3s ease}.brand-logo-container:hover .brand-divider{opacity:1;height:20px}.brand-text{color:var(--text-primary)}.nav-links-container{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.03);border-radius:14px;padding:.25rem;border:1px solid rgba(255,255,255,.05);z-index:2;justify-self:center}[data-theme=light] .nav-links-container{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.05)}.nav-links{display:flex;position:relative;z-index:2}.nav-active-indicator{position:absolute;top:50%;left:.3rem;height:calc(100% - .6rem);background:var(--gradient);border-radius:12px;transition:transform .8s cubic-bezier(.23,1,.32,1),width .6s cubic-bezier(.23,1,.32,1),border-radius .4s cubic-bezier(.23,1,.32,1),box-shadow .3s ease;z-index:1;box-shadow:0 4px 20px rgba(0,0,0,.15),0 8px 40px var(--gradient-start),0 0 0 .5px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.1);transform:translateX(0) translateY(-50%) scale(1);width:0;will-change:transform,width,border-radius;overflow:hidden;backdrop-filter:blur(12px) saturate(150%)}.nav-active-indicator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:liquidShimmer 2.5s ease-in-out infinite;border-radius:inherit}.nav-active-indicator:after{content:"";position:absolute;top:10%;left:10%;width:80%;height:80%;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.3) 0,transparent 60%);border-radius:inherit;animation:liquidPulse 3s ease-in-out infinite}@keyframes liquidShimmer{0%{left:-100%;opacity:0}20%{opacity:1}to{left:100%;opacity:0}}@keyframes liquidPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.nav-link{position:relative;background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:3;overflow:hidden;outline:none;gap:.4rem}.nav-link,.nav-link-icon{display:flex;align-items:center}.nav-link-icon{opacity:.7}.nav-link-icon,.nav-link-icon svg,.nav-link-text{transition:all .3s ease}.nav-link-text{position:relative;z-index:4}.nav-link:hover{color:var(--text-primary);transform:translateY(-1px) scale(1.01)}.nav-link:hover .nav-link-text{transform:scale(1.02)}.nav-link:hover .nav-link-icon{opacity:1;transform:translateY(-.5px) rotate(3deg)}.nav-link:hover .nav-link-icon svg{transform:scale(1.05)}.nav-link.active{color:white;font-weight:600}.nav-link.active .nav-link-text{text-shadow:0 2px 8px rgba(0,0,0,.3)}.nav-link.active .nav-link-icon{opacity:1;transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.nav-link.active .nav-link-icon svg{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.nav-link-hover-bg{position:absolute;inset:2px;background:radial-gradient(120px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06) 0,transparent 40%);opacity:0;transition:opacity .3s ease;z-index:1;border-radius:10px}.nav-link:hover .nav-link-hover-bg{opacity:1}[data-theme=light] .nav-link-hover-bg{background:radial-gradient(200px circle at var(--mouse-x) var(--mouse-y),rgba(0,0,0,.05) 0,transparent 50%)}.navbar-controls{display:flex;align-items:center;gap:1rem;z-index:2;position:relative;justify-self:end}.theme-toggle{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:52px;height:52px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);backdrop-filter:blur(20px);overflow:hidden}.theme-toggle,.theme-toggle-inner{display:flex;align-items:center;justify-content:center;position:relative}.theme-toggle-inner{transition:all .4s ease;z-index:2}[data-theme=light] .theme-toggle{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}.theme-toggle:before{content:"";position:absolute;inset:0;background:var(--gradient);opacity:0;transition:opacity .3s ease;border-radius:14px}.theme-toggle:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 12px 32px rgba(0,0,0,.2);border-color:var(--gradient-start)}.theme-toggle:hover:before{opacity:.15}.theme-toggle:hover{color:var(--gradient-start)}.theme-toggle:hover .theme-toggle-inner{transform:scale(1.1)}.theme-toggle svg{transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.theme-toggle:hover svg{transform:rotate(180deg) scale(1.1)}.theme-toggle.animating{transform:scale(1.2);animation:themeTogglePulse .6s ease}.theme-toggle.animating .theme-toggle-inner{animation:themeToggleRotate .6s ease}@keyframes themeTogglePulse{0%{transform:scale(1)}30%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes themeToggleRotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.content-wrapper{min-height:100vh;position:relative}#home-section{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}#about-section,#contact-section,#home-section,#skills-section{scroll-margin-top:120px}.subtitle-container{display:flex;align-items:center;gap:2rem;justify-content:center;margin-bottom:4rem;animation:subtitleSlide 1s ease .6s forwards;opacity:0;transform:translateY(20px)}.decorative-line{width:60px;height:2px;background:var(--gradient);border-radius:1px}.section-subtitle{font-size:1.3rem;color:var(--text-muted);font-style:italic;font-weight:300;white-space:nowrap;text-align:center;margin:0}@keyframes subtitleSlide{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.subtitle-container{flex-direction:column;gap:1rem}.decorative-line{width:40px}.section-subtitle{white-space:normal;text-align:center;font-size:1.1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 1s ease forwards;opacity:0}.fade-delay-1{animation-delay:.4s}.fade-delay-2{animation-delay:.8s}.fade-delay-3{animation-delay:1.2s}.fade-delay-4{animation-delay:1.6s}.fade-delay-5{animation-delay:2s}.fade-delay-6{animation-delay:2.4s}@keyframes typewriterSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hidden-until-typing{opacity:0!important;animation:none!important}.show-after-typing{animation:fadeInUp .8s ease forwards;animation-delay:.3s}.show-after-typing-delay-1{animation:fadeInUp .8s ease forwards;animation-delay:.7s}.show-after-typing-delay-2{animation:fadeInUp .8s ease forwards;animation-delay:1.1s}@media (max-width:768px){.typewriter-cursor{font-size:2.5rem}}@media (max-width:480px){.typewriter-cursor{font-size:2rem;margin-left:1px}}.cursor-glow{position:fixed;top:0;left:0;width:50px;height:50px;pointer-events:none;border-radius:50%;background:var(--cursor-glow);mix-blend-mode:screen;transform:translate(-50%,-50%);z-index:9999;transition:transform .1s ease-out}[data-theme=light] .cursor-glow{mix-blend-mode:multiply}.modern-skills-section{padding:var(--space-16) 0;max-width:1400px;margin:0 auto;opacity:0;transform:translateY(50px);transition:all 1s ease-out;scroll-margin-top:var(--space-10)}.modern-skills-section.skills-animate-in{opacity:1;transform:translateY(0)}.skills-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-5)}.skills-header{text-align:center;margin-bottom:var(--space-12)}.skills-main-title{font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:800;line-height:var(--line-height-tight);margin-bottom:var(--space-3);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:var(--gradient-shadow)}.skills-subtitle{font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--text-muted);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.skills-flowing-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-4) var(--space-6);max-width:1000px;margin:0 auto;padding:var(--space-4) 0}.skill-flowing-item{position:relative;text-decoration:none;opacity:0;transform:translateY(20px);animation:skillFlowIn .6s ease forwards;animation-delay:var(--delay);transition:all .3s ease;border-radius:16px;padding:var(--space-3) var(--space-4)}.skill-flowing-item:hover{transform:translateY(-2px)}@keyframes skillFlowIn{to{opacity:1;transform:translateY(0)}}.skill-flowing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1;width:100%;height:100%}[data-theme=light] .skill-flowing-item{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}.skill-flowing-item:hover{transform:translateY(-3px);position:relative;box-shadow:0 8px 25px rgba(0,0,0,.1)}.skill-flowing-item:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient);border-radius:16px;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;z-index:-1}[data-theme=light] .skill-flowing-item:hover{position:relative;box-shadow:0 8px 25px rgba(0,0,0,.08)}[data-theme=light] .skill-flowing-item:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient);border-radius:16px;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;z-index:-1}.skill-icon-simple{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:none;border:none;transition:all .3s ease}[data-theme=light] .skill-icon-simple{background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.02));border-color:rgba(0,0,0,.08)}.skill-flowing-item:hover .skill-icon-simple{transform:scale(1.05);background:var(--gradient);border-color:transparent}.skill-info{display:flex;flex-direction:column;gap:.25rem}.skill-title-flowing{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary);transition:all .3s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;line-height:1.2}.skill-level-flowing{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.skill-flowing-item:hover .skill-level-flowing,.skill-flowing-item:hover .skill-title-flowing{color:var(--gradient-start)}.skill-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}[data-theme=dark] .skill-flowing-item:has([alt*="Next.js"]) .skill-icon{filter:invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.1))}[data-theme=light] .skill-card-content{box-shadow:0 20px 40px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.06),}.skill-3d-card:hover .skill-card-content{transform:translateZ(30px) rotateX(-5deg);box-shadow:0 30px 60px rgba(0,0,0,.15),0 12px 24px rgba(0,0,0,.1),}[data-theme=light] .skill-3d-card:hover .skill-card-content{box-shadow:0 30px 60px rgba(0,0,0,.12),0 12px 24px rgba(0,0,0,.08),}.skill-card-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--skill-color) 0,transparent 50%,var(--skill-color) 100%);border-radius:20px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.3;z-index:-1;transition:opacity .4s ease}.skill-3d-card:hover .skill-card-content:before{opacity:0}.skill-icon-wrapper{position:relative;margin-bottom:.75rem}.skill-icon-glow{position:absolute;inset:-8px;background:radial-gradient(circle,var(--skill-color) 0,transparent 70%);border-radius:50%;opacity:.2;transition:opacity .3s ease}.skill-3d-card:hover .skill-icon-glow{opacity:.4}.skill-icon{position:relative;z-index:1;transition:transform .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.skill-3d-card:hover .skill-icon{transform:scale(1.05)}.skill-title{font-size:1.2rem;font-weight:700;margin-bottom:.4rem;color:var(--text-primary);text-shadow:var(--text-shadow);transition:color .3s ease}.skill-3d-card:hover .skill-title{color:var(--gradient-start)}.skill-level{padding:.25rem .7rem;background:linear-gradient(135deg,var(--skill-color) 0,color-mix(in srgb,var(--skill-color) 80%,#000 20%) 100%);color:white;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:transform .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.skill-3d-card:hover .skill-level{transform:translateY(-2px);box-shadow:0 4px 12px var(--skill-color)}.skill-card-border{position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,var(--skill-color),transparent,var(--skill-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.skill-3d-card:hover .skill-card-border{opacity:.8}@media (max-width:768px){.modern-skills-section{padding:4rem 0}.skills-container{padding:0 1rem}.skills-main-title{font-size:2.5rem}.skills-flowing-grid{gap:2rem 2.5rem;max-width:900px;padding:3rem 1.5rem}.skill-flowing-item{padding:1.25rem 1.5rem;min-height:120px;max-width:140px}.skill-icon-simple{width:56px;height:56px}}@media (max-width:480px){.skills-main-title{font-size:2rem}.skills-subtitle{font-size:1rem}.skills-flowing-grid{gap:1.5rem 2rem;max-width:600px;padding:2rem 1rem}.skill-flowing-item{padding:1rem 1.25rem;min-height:110px;max-width:120px}.skill-icon-simple{width:48px;height:48px}.skill-title-flowing{font-size:1rem}}*{cursor:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='cursor-gradient' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='25%25' stop-color='%23ff2ea0'/%3E%3Cstop offset='90%25' stop-color='%237b2fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,0 L0,14 L4,10 L8,14 L10,12 L6,8 L14,8 Z' fill='url(%23cursor-gradient)'/%3E%3C/svg%3E") 0 0,auto}.bento-item,.nav-link,.skill-3d-card,.theme-toggle,[role=button],a,button,input,select,textarea{cursor:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='cursor-gradient' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='25%25' stop-color='%23ff2ea0'/%3E%3Cstop offset='90%25' stop-color='%237b2fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8,2 L8,16 L12,12 L16,16 L20,12 L14,6 L20,6 L20,2 Z' fill='url(%23cursor-gradient)'/%3E%3C/svg%3E") 12 6,pointer}[data-theme=light] *{cursor:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='cursor-gradient' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='33%25' stop-color='%23ff6b6b'/%3E%3Cstop offset='83%25' stop-color='%23feca57'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,0 L0,14 L4,10 L8,14 L10,12 L6,8 L14,8 Z' fill='url(%23cursor-gradient)'/%3E%3C/svg%3E") 0 0,auto}[data-theme=light] .bento-item,[data-theme=light] .nav-link,[data-theme=light] .skill-3d-card,[data-theme=light] .theme-toggle,[data-theme=light] [role=button],[data-theme=light] a,[data-theme=light] button,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{cursor:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='cursor-gradient' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='33%25' stop-color='%23ff6b6b'/%3E%3Cstop offset='83%25' stop-color='%23feca57'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8,2 L8,16 L12,12 L16,16 L20,12 L14,6 L20,6 L20,2 Z' fill='url(%23cursor-gradient)'/%3E%3C/svg%3E") 12 6,pointer}:root{--selection-bg:#ff0080;--selection-color:#ffffff}[data-theme=light]{--selection-bg:#f97316;--selection-color:#ffffff}::selection{background:var(--selection-bg);color:var(--selection-color)}::-moz-selection{background:var(--selection-bg);color:var(--selection-color)}.contact-section{padding:var(--space-12) 0 var(--space-8) 0;margin-bottom:var(--space-8);position:relative;z-index:1}.contact-card{max-width:320px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:16px;padding:var(--space-4) var(--space-5);color:var(--text-primary);position:relative;cursor:default;margin:var(--space-8) auto;opacity:0;transform:translateY(30px);transition:all .3s ease;background-origin:border-box;background-clip:padding-box,border-box}[data-theme=light] .contact-card{box-shadow:0 4px 16px rgba(0,0,0,.1)}.contact-card.animate-in{opacity:1;transform:translateY(0)}.contact-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.05);border:2px solid transparent;background-image:var(--gradient);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 8px 25px rgba(0,0,0,.1)}[data-theme=light] .contact-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}[data-theme=light] .contact-card:hover{background:rgba(0,0,0,.04);border:2px solid transparent;background-image:var(--gradient);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 8px 25px rgba(0,0,0,.08)}.contact-card h2{margin-bottom:var(--space-3);font-family:var(--font-display);font-weight:700;font-size:var(--font-size-3xl);line-height:var(--line-height-tight);background:var(--gradient-45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-align:center;text-shadow:var(--gradient-shadow)}.contact-list{list-style:none;padding:0;margin:0}.contact-list li{margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--text-muted)}.contact-list a,.contact-list li strong{color:var(--text-primary)}.contact-list a{text-decoration:none;transition:color .2s ease}.contact-list a:hover{background:var(--gradient-45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-decoration:none}@media (max-width:1024px){.navbar{width:calc(100% - var(--space-4));max-width:none}.navbar-container{padding:var(--space-2) var(--space-3)}.brand-text{display:none}}@media (max-width:768px){.navbar{top:var(--space-2);width:calc(100% - var(--space-4))}.navbar-container{padding:var(--space-2);flex-direction:column;gap:var(--space-2)}.navbar-brand{order:1}.nav-links-container{order:2;flex:1;justify-content:center}.navbar-controls{order:3;position:absolute;top:.75rem;right:1rem}.nav-link{font-size:.9rem;padding:.6rem 1.2rem}.nav-active-indicator{top:.5rem;height:calc(100% - 1rem)}}@media (max-width:480px){.navbar{top:.5rem;width:calc(100% - 1rem)}.navbar-container{padding:.6rem .75rem;border-radius:20px}.nav-links-container{padding:.4rem;border-radius:14px}.nav-link{font-size:.85rem;padding:.5rem 1rem}.brand-icon{width:36px;height:36px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.neon-gradient{font-size:2.5rem}.theme-toggle{width:40px;height:40px}.navbar{flex-direction:column;padding:.5rem}.nav-links{order:2;width:100%;justify-content:center;gap:.6rem}.nav-link{font-size:.85rem;padding:.4rem .8rem}.theme-toggle{position:absolute;top:10px;right:10px}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-card{padding:1rem}.skill-logo{width:60px;height:60px}.neon-gradient{font-size:2rem}}.footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top:2px solid;border-image:var(--gradient) 1;padding:.75rem 0;z-index:1000;backdrop-filter:blur(10px);background:rgba(var(--bg-primary),.95);transform:translateY(0);transition:transform .3s ease}[data-theme=dark] .footer{background:rgba(0,0,0,.95)}[data-theme=light] .footer{background:rgba(255,255,255,.95)}.footer.hidden{transform:translateY(100%)}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-copyright{margin:0;color:var(--text-muted);font-size:.9rem}.footer-links{gap:1.5rem}.footer-links,.footer-links a{display:flex;align-items:center}.footer-links a{color:var(--text-secondary);transition:all .3s ease}.footer-links a:hover{color:var(--gradient-start);transform:translateY(-2px)}.footer-icon{width:22px;height:22px}.footer-contact{margin:0;font-size:.9rem}.footer-contact a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-contact a:hover{color:var(--gradient-start)}body{padding-bottom:60px}.content-wrapper{min-height:calc(100vh - 120px)}.about-section{padding:8rem 2rem;max-width:1200px;margin:0 auto;position:relative;opacity:0;transform:translateY(50px);transition:all 1s ease-out;scroll-margin-top:80px}.about-section.about-animate-in{opacity:1;transform:translateY(0)}.about-container{position:relative;width:100%}.about-header{text-align:center;margin-bottom:5rem}.about-title{font-size:3.5rem;font-weight:800;margin-bottom:2rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:var(--gradient-shadow)}.about-content{display:flex;flex-direction:column;gap:5rem}.about-intro{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center}.about-intro-text h3{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.3}.about-intro-text p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.about-intro-text p:last-child{margin-bottom:0}.about-profile-visual{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.about-avatar-container,.about-avatar-placeholder{position:relative;display:flex;align-items:center;justify-content:center}.about-avatar-placeholder{width:120px;height:120px;border-radius:50%;background:var(--gradient);color:white;z-index:2;transition:all .3s ease}.about-avatar-container:hover .about-avatar-placeholder{transform:scale(1.05)}.about-avatar-glow{position:absolute;inset:-15px;border-radius:50%;background:var(--gradient);opacity:.2;animation:aboutGlow 3s ease-in-out infinite alternate}@keyframes aboutGlow{0%{transform:scale(1);opacity:.2}to{transform:scale(1.1);opacity:.1}}.about-status{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-secondary);padding:.75rem 1.5rem;background:rgba(255,255,255,.03);border-radius:50px;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .about-status{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.05)}.about-status-dot{width:8px;height:8px;border-radius:50%;background:#00ff88;animation:aboutPulse 2s ease-in-out infinite}@keyframes aboutPulse{0%,to{opacity:1}50%{opacity:.5}}.about-stats-section{text-align:center;position:relative}.about-section.about-animate-in .about-stats-grid{opacity:1;transform:translateY(0);transition-delay:.3s}.about-section.about-animate-in .about-stat-item{opacity:1;transform:translateY(0);transition-delay:calc(.5s + var(--stat-index, 0) * .1s)}.about-section.about-animate-in .about-value-card{opacity:1;transform:translateY(0)}.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:900px;margin:0 auto;opacity:0;transform:translateY(30px);transition:all .6s ease}.about-stat-item{text-align:center;opacity:0;transform:translateY(20px);transition:all .6s ease}.about-stat-number{font-size:3rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--gradient-shadow);line-height:1}.about-stat-label{color:var(--text-muted);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center}.about-approach{text-align:center}.about-approach-header{margin-bottom:3rem}.about-approach-header h3{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.about-approach-header p{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto}.about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:900px;margin:0 auto;perspective:1000px}.about-value-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:left;transition:all .3s ease;position:relative;opacity:0;transform:translateY(30px);animation-delay:var(--delay,0s)}.about-value-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:0 8px 25px rgba(0,0,0,.1)}[data-theme=light] .about-value-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}[data-theme=light] .about-value-card:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12);box-shadow:0 8px 25px rgba(0,0,0,.08)}.about-value-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--gradient-start);margin-bottom:1.5rem;transition:all .3s ease}.about-value-card:hover .about-value-icon{transform:scale(1.05);background:var(--gradient);color:white;border-color:transparent}.about-value-card h4{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;position:relative;z-index:2;transition:all .3s ease}.about-value-card:hover h4{color:var(--gradient-start)}.about-value-card p{color:var(--text-secondary);line-height:1.7;font-size:1rem;position:relative;z-index:2;transition:all .3s ease}.about-value-card:hover p{color:var(--text-primary)}.about-cta{position:relative;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:16px;padding:3rem 2.5rem;transition:all .3s ease;opacity:0;transform:translateY(30px)}.about-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0,rgba(255,46,160,.03) 0,transparent 50%);pointer-events:none;transition:opacity .4s ease}.cta-content{position:relative;z-index:10;text-align:center}.cta-header{margin-bottom:3rem}.cta-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.cta-title-main{display:block;color:var(--text-primary);margin-bottom:.3rem}.cta-title-highlight{display:block;-webkit-text-fill-color:transparent;position:relative}.cta-title-highlight,[data-theme=dark] .cta-title-highlight{background:var(--gradient);-webkit-background-clip:text;background-clip:text}[data-theme=light] .cta-title-highlight{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));background:linear-gradient(135deg,#e55555,#d4461f 50%,#f0b429);-webkit-background-clip:text;background-clip:text}.cta-decorative-line{width:380px;height:6px;background:var(--gradient);margin:0 auto 1.5rem;border-radius:4px;opacity:1;box-shadow:0 2px 8px rgba(255,46,160,.3)}[data-theme=light] .cta-decorative-line{box-shadow:0 2px 8px rgba(255,107,107,.4)}.cta-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0 auto}.cta-stats{display:flex;justify-content:center;gap:2.5rem;margin-bottom:2.5rem;padding:0}.cta-stat{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.23,1,.32,1);position:relative}.cta-stat:hover{transform:translateY(-3px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);box-shadow:0 10px 25px rgba(0,0,0,.1)}.cta-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--gradient-start);flex-shrink:0}.cta-stat-content{display:flex;flex-direction:column;gap:.1rem}.cta-stat-number{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.cta-stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.cta-actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;gap:.6rem;padding:1.2rem 2.5rem;background:var(--gradient);color:white;text-decoration:none;border-radius:14px;font-weight:600;font-size:1rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 25px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.1)}.cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.25),0 0 20px var(--gradient-start)}.cta-primary:hover:before{left:100%}.cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1.2rem 2rem;background:transparent;color:var(--text-primary);text-decoration:none;border-radius:14px;font-weight:600;font-size:1rem;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.cta-secondary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient);opacity:0;transition:opacity .3s ease;z-index:1}.cta-secondary:hover{transform:translateY(-3px) scale(1.02);color:white;border-color:transparent;box-shadow:0 15px 35px rgba(0,0,0,.2),0 0 20px var(--gradient-start)}.cta-secondary:hover:before{opacity:1}.cta-secondary span,.cta-secondary svg{position:relative;z-index:2}.cta-contact-info{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);opacity:.7}.cta-contact-info svg{opacity:.6}.about-cta:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.12),0 0 40px rgba(255,46,160,.15)}.about-cta:hover:before{opacity:1}.about-section.about-animate-in .about-cta{opacity:1;transform:translateY(0);transition-delay:.8s}@media (max-width:1024px){.about-intro{grid-template-columns:1fr;gap:3rem;text-align:center}.about-intro-text{order:2}.about-profile-visual{order:1}.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.about-values-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:768px){.about-section{padding:6rem 1rem}.about-content{gap:4rem}.about-title{font-size:2.5rem}.about-intro-text h3{font-size:1.5rem}.about-intro-text p{font-size:1rem}.about-avatar-placeholder{width:100px;height:100px}.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.about-stat-number{font-size:2.5rem}.about-approach-header h3{font-size:2rem}.about-value-card{padding:1.5rem}.about-cta{padding:2.5rem 1.5rem}.cta-title{font-size:2rem}.cta-stats{flex-direction:column;gap:1rem;align-items:center}.cta-stat{width:100%;max-width:300px;justify-content:flex-start}.cta-primary,.cta-secondary{justify-content:center}.cta-stat-divider{width:80%;height:1px}.cta-actions{flex-direction:column;align-items:center;gap:1rem}.cta-primary,.cta-secondary{width:100%;max-width:280px;padding:1.1rem 2rem}}@media (max-width:480px){.about-section{padding:4rem 1rem}.about-title{font-size:2rem}.about-intro-text h3{font-size:1.3rem}.about-avatar-placeholder{width:80px;height:80px}.about-stats-grid{grid-template-columns:1fr;gap:1.5rem}.about-stat-number{font-size:2rem}.about-approach-header h3{font-size:1.8rem}.about-value-card{padding:1.25rem}.about-value-icon{width:40px;height:40px}.about-cta{padding:2rem 1rem}.cta-title{font-size:1.8rem}.cta-description{font-size:1rem}.cta-orb-1{width:200px;height:200px;top:-100px;left:-100px}.cta-orb-2{width:150px;height:150px;bottom:-75px;right:-75px}}.modern-cta{position:relative;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:24px;padding:4rem 3rem;margin-top:5rem;overflow:hidden;transition:all .3s ease;opacity:0;transform:translateY(30px)}[data-theme=light] .modern-cta{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}.cta-background-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,46,160,.03) 0,transparent 50%);opacity:.5;animation:backgroundPulse 8s ease-in-out infinite;pointer-events:none}@keyframes backgroundPulse{0%,to{transform:scale(1) rotate(0deg);opacity:.5}50%{transform:scale(1.1) rotate(180deg);opacity:.7}}.cta-main-content{position:relative;z-index:10;text-align:center}.cta-status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(var(--gradient-start-rgb),.1);border:1px solid rgba(var(--gradient-start-rgb),.2);border-radius:50px;margin-bottom:2rem;font-size:.85rem;font-weight:500;color:var(--gradient-start)}:root[data-theme=light] .cta-status-indicator{background:rgba(255,107,53,.15);border:1px solid rgba(255,107,53,.25);color:#ff6b35}:root[data-theme=dark] .cta-status-indicator{background:rgba(255,46,160,.15);border:1px solid rgba(255,46,160,.25);color:#ff2ea0}.status-dot{width:8px;height:8px;background:var(--gradient-start);border-radius:50%;animation:statusPulse 2s ease-in-out infinite}:root[data-theme=light] .status-dot{background:#ff6b35}:root[data-theme=dark] .status-dot{background:#ff2ea0}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.cta-modern-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.cta-title-gradient{display:block;-webkit-text-fill-color:transparent;margin-top:.2rem}.cta-title-gradient,[data-theme=dark] .cta-title-gradient,[data-theme=light] .cta-title-gradient{background:var(--gradient);-webkit-background-clip:text;background-clip:text;text-shadow:var(--gradient-shadow)}[data-theme=light] .cta-title-gradient{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.cta-decorative-line-modern{width:120px;height:3px;background:var(--gradient);margin:1.5rem auto;border-radius:2px;position:relative}.cta-modern-description{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-action-grid{display:flex;flex-direction:column;align-items:center;gap:2rem}.cta-primary-modern{display:inline-flex;align-items:center;background:linear-gradient(90deg,var(--gradient-start) 0,var(--gradient-end) 100%);color:white;padding:.8rem 1.8rem;border-radius:16px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,46,160,.25);position:relative;overflow:hidden;border:none}.cta-primary-modern:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px rgba(255,46,160,.4);border-color:rgba(255,255,255,.2)}.cta-primary-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.cta-primary-modern:hover:before{left:100%}.cta-primary-modern:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-primary-modern:hover:after{width:300px;height:300px}.cta-button-content{display:flex;align-items:center;gap:1rem}.cta-button-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.cta-button-text{display:flex;flex-direction:column;align-items:flex-start}.cta-button-main{font-size:1.1rem;font-weight:600}.cta-button-sub{font-size:.85rem;opacity:.8;font-weight:400}.cta-contact-methods{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0}.contact-method{gap:.5rem;color:var(--text-muted);font-size:.9rem}.contact-icon,.contact-method{display:flex;align-items:center}.contact-icon{justify-content:center;width:20px;height:20px;color:var(--gradient-start)}.cta-floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.floating-icon{position:absolute;opacity:.15;color:var(--gradient-start);animation:floatingIcon 6s ease-in-out infinite}[data-theme=light] .floating-icon{opacity:.25}.floating-icon-1{top:20%;left:10%;animation-delay:0s}.floating-icon-2{top:60%;right:15%;animation-delay:2s}.floating-icon-3{bottom:30%;left:20%;animation-delay:4s}.floating-icon-4{top:40%;right:8%;animation-delay:1s}.floating-icon-5{top:80%;left:60%;animation-delay:3s}.floating-icon-6{top:15%;left:75%;animation-delay:5s}.floating-icon-7{bottom:15%;right:25%;animation-delay:.5s}.floating-icon-8{top:25%;left:45%;animation-delay:2.5s}.floating-icon-9{bottom:45%;left:5%;animation-delay:1.5s}.floating-icon-10{top:70%;right:40%;animation-delay:3.5s}.floating-icon-11{top:55%;left:30%;animation-delay:4.5s}.floating-icon-12{bottom:60%;right:5%;animation-delay:.8s}.floating-icon-13{top:35%;left:85%;animation-delay:1.2s}.floating-icon-14{bottom:25%;left:40%;animation-delay:2.8s}.floating-icon-15{top:10%;right:30%;animation-delay:.3s}.floating-icon-16{bottom:50%;right:20%;animation-delay:4.2s}.floating-icon-17{top:65%;left:15%;animation-delay:3.8s}.floating-icon-18{top:85%;right:10%;animation-delay:1.8s}@keyframes floatingIcon{0%,to{transform:translateY(0) rotate(0deg);opacity:.1}50%{transform:translateY(-20px) rotate(180deg);opacity:.2}}.about-section.about-animate-in .modern-cta{opacity:1;transform:translateY(0);transition:all .8s ease;transition-delay:1s}@media (max-width:768px){.modern-cta{padding:3rem 2rem;margin-top:3rem}.cta-modern-title{font-size:2.2rem}.cta-contact-methods{flex-direction:column;gap:1rem}.cta-button-text{align-items:center;text-align:center}}@media (max-width:480px){.modern-cta{padding:2rem 1.5rem}.cta-modern-title{font-size:1.8rem}.cta-primary-modern{padding:.8rem 1.5rem;font-size:1rem}}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-copyright{order:3;font-size:.8rem}.footer-links{order:1}.footer-contact{order:2}body{padding-bottom:100px}}.bento-projects-section{padding:var(--space-16) var(--space-5);max-width:1300px;margin:0 auto;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.bento-projects-section.bento-animate-in{opacity:1;transform:translateY(0)}.bento-container{width:100%}.bento-title{font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:800;line-height:var(--line-height-tight);text-align:center;margin-bottom:var(--space-3);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:var(--gradient-shadow)}.bento-subtitle{text-align:center;font-family:var(--font-body);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-muted);margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,100px);gap:var(--space-4);width:100%}.bento-item.bento-large{grid-column:span 8;grid-row:span 4}.bento-item.bento-medium{grid-column:span 6;grid-row:span 3}.bento-item.bento-small{grid-column:span 4;grid-row:span 3}.bento-item:first-child{grid-column:1/8;grid-row:1/4}.bento-item:nth-child(2){grid-column:8/13;grid-row:1/4}.bento-item:nth-child(3){grid-column:1/7;grid-row:4/7}.bento-item:nth-child(4){grid-column:7/13;grid-row:4/7}.bento-item:nth-child(5){grid-column:1/5;grid-row:7/10}.bento-item:nth-child(6){grid-column:5/9;grid-row:7/10}.bento-item:nth-child(7){grid-column:9/13;grid-row:7/10}.bento-item{position:relative;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:var(--space-4);overflow:hidden;opacity:0;transform:translateY(20px);animation:bentoFadeIn .6s ease forwards;animation-delay:var(--delay);transition:all .3s ease}.bento-item:hover{transform:translateY(-3px);background:rgba(255,255,255,.05);position:relative;box-shadow:0 8px 25px rgba(0,0,0,.1)}.bento-item:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient);border-radius:16px;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;z-index:-1}[data-theme=light] .bento-item{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.15)}[data-theme=light] .bento-item:hover{background:rgba(0,0,0,.04);position:relative;box-shadow:0 8px 25px rgba(0,0,0,.08)}[data-theme=light] .bento-item:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient);border-radius:16px;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;z-index:-1}.bento-background,.bento-border{display:none}.bento-item:before{content:"";position:absolute;inset:1px;background:var(--card-bg);border-radius:23px;z-index:1;opacity:.98;transition:all .4s ease}.bento-content{position:relative;z-index:2;height:100%;padding:var(--space-3);flex-direction:column}.bento-content,.bento-header{display:flex;justify-content:space-between}.bento-header{align-items:flex-start;margin-bottom:var(--space-2)}.bento-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;overflow:hidden}[data-theme=light] .bento-icon{background:linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.01));border:1px solid rgba(0,0,0,.08);color:var(--text-primary)}.bento-icon:before{content:"";position:absolute;inset:0;background:var(--gradient);opacity:1;transition:all .3s ease}.bento-icon svg{position:relative;z-index:1}.bento-item:hover .bento-icon{transform:scale(1.02) rotate(1deg);background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));box-shadow:0 3px 12px rgba(0,0,0,.1)}[data-theme=light] .bento-item:hover .bento-icon{background:linear-gradient(135deg,rgba(0,0,0,.06),rgba(0,0,0,.02));box-shadow:0 3px 12px rgba(0,0,0,.15)}.bento-item:hover .bento-icon:before{opacity:1}.bento-arrow{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:0;transform:scale(.8) rotate(-45deg);transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=light] .bento-arrow{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);color:var(--text-secondary)}.bento-arrow.show{opacity:1;transform:scale(1) rotate(0deg);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:var(--text-primary);box-shadow:0 1px 4px rgba(0,0,0,.1)}[data-theme=light] .bento-arrow.show{background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.12);color:var(--text-primary);box-shadow:0 1px 4px rgba(0,0,0,.15)}.bento-info{flex:1;margin-bottom:1.5rem}.bento-project-title{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.bento-large .bento-project-title{font-size:1.6rem}.bento-description{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin-bottom:1rem}.bento-large .bento-description{font-size:.95rem}.bento-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;padding-bottom:2rem}.bento-tech-tag{padding:.25rem .75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:all .3s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden;opacity:.8}[data-theme=light] .bento-tech-tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);color:var(--text-secondary)}.bento-tech-tag:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.bento-tech-tag span{position:relative;z-index:1}.bento-item:hover .bento-tech-tag{opacity:1;transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);box-shadow:0 1px 4px rgba(0,0,0,.1)}[data-theme=light] .bento-item:hover .bento-tech-tag{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12);box-shadow:0 1px 4px rgba(0,0,0,.15)}.bento-item:hover .bento-tech-tag:before{opacity:1}.bento-footer{display:none}.bento-button{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,transparent,var(--accent));border:2px solid transparent;background-image:linear-gradient(135deg,var(--card-bg),var(--card-bg)),var(--gradient);background-origin:border-box;background-clip:padding-box,border-box;border-radius:12px;color:var(--gradient-start);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.bento-button:before{content:"";position:absolute;inset:0;background:var(--gradient);opacity:0;transition:opacity .4s ease}.bento-button span,.bento-button svg{position:relative;z-index:1;transition:transform .3s ease}.bento-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.2);color:white}.bento-button:hover:before{opacity:1}.bento-button:hover span,.bento-button:hover svg{transform:translateX(3px)}@keyframes bentoFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1200px){.bento-grid{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(12,100px);gap:1.25rem}.bento-item:first-child{grid-column:1/9;grid-row:1/4}.bento-item:nth-child(2){grid-column:1/5;grid-row:4/7}.bento-item:nth-child(3){grid-column:5/9;grid-row:4/7}.bento-item:nth-child(4){grid-column:1/5;grid-row:7/10}.bento-item:nth-child(5){grid-column:5/9;grid-row:7/9}.bento-item:nth-child(6){grid-column:5/9;grid-row:9/11}}@media (max-width:768px){.bento-projects-section{padding:4rem 1rem}.bento-title{font-size:2.5rem}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem}.bento-item{grid-column:1!important;grid-row:auto!important;min-height:280px}.bento-content{padding:1.5rem}.bento-project-title{font-size:1.25rem!important}.bento-description{font-size:.9rem!important}}@media (max-width:480px){.bento-projects-section{padding:3rem 1rem}.bento-title{font-size:2rem}.bento-content{padding:1.25rem}.bento-tech{gap:.25rem}.bento-tech-tag{font-size:.75rem;padding:.2rem .6rem}}.bento-item{cursor:pointer;transform-style:preserve-3d;transition:all .6s cubic-bezier(.4,0,.2,1);will-change:transform}.bento-item.expanded{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(90vw,800px)!important;height:min(85vh,700px)!important;z-index:1005!important;grid-column:auto!important;grid-row:auto!important;overflow:hidden!important;animation:expandCard .5s cubic-bezier(.175,.885,.32,1.275) forwards;box-shadow:0 40px 80px rgba(0,0,0,.6),0 20px 40px rgba(0,0,0,.4)}.bento-item.expanded:before{background:var(--bg-primary)!important;opacity:1!important}[data-theme=light] .bento-item.expanded{box-shadow:0 25px 60px rgba(0,0,0,.3)}@keyframes expandCard{0%{transform:translate(-50%,-50%) scale(.3);opacity:0;border-radius:24px}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.8;border-radius:28px}to{transform:translate(-50%,-50%) scale(1);opacity:1;border-radius:32px}}.bento-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:.4rem 1rem 1.8rem;animation:modalOverlayFade .4s cubic-bezier(.25,.46,.45,.94)}@keyframes modalOverlayFade{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px)}}.bento-modal-content{background:var(--card-bg);border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px -10px rgba(0,0,0,.3),0 0 60px rgba(var(--gradient-start),.1);animation:modalContentReveal .4s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(10px)}@keyframes modalContentReveal{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalHeaderSlide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIconSpin{0%{opacity:0;transform:rotate(-180deg) scale(0)}50%{opacity:.8;transform:rotate(-90deg) scale(1.1)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes modalTitleReveal{0%{opacity:0;transform:translateX(-20px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes modalCloseFloat{0%{opacity:0;transform:translateY(-20px) rotate(45deg) scale(.5)}to{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}@keyframes modalBodyFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalTextReveal{0%{opacity:0;transform:translateY(15px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes modalSectionSlide{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes modalTagPop{0%{opacity:0;transform:scale(0) rotate(-10deg)}60%{opacity:.8;transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes modalFooterSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .bento-modal-overlay{background:rgba(0,0,0,.6)}.bento-modal-content{background:var(--bg-primary);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:100%;max-width:1100px;max-height:96vh;overflow:hidden;position:relative;animation:modalContentSlide .3s ease;display:flex;flex-direction:column}.bento-modal-content:after,.bento-modal-content:before{display:none}[data-theme=light] .bento-modal-content:before{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08) 50%,rgba(255,255,255,.15));opacity:.6}[data-theme=light] .bento-modal-content:after{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 70%,rgba(255,255,255,0))}@keyframes modalGlassMorph{0%{transform:translateX(-100vw) scale(.7) rotateY(-20deg);opacity:0;backdrop-filter:blur(20px) saturate(.8)}25%{transform:translateX(-30vw) scale(.85) rotateY(-10deg);opacity:.3;backdrop-filter:blur(15px) saturate(.9)}50%{transform:translateX(-5vw) scale(.95) rotateY(-3deg);opacity:.7;backdrop-filter:blur(10px) saturate(1)}75%{transform:translateX(3vw) scale(1.02) rotateY(2deg);opacity:.9;backdrop-filter:blur(9px) saturate(1.02)}to{transform:translateX(0) scale(1) rotateY(0deg);opacity:1;backdrop-filter:blur(12px) saturate(1.1)}}.bento-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:2.5rem 2.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.bento-modal-header-left{display:flex;align-items:flex-start;gap:1rem;flex:1}.bento-modal-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--gradient-start)}.bento-modal-header-content{flex:1}.bento-modal-subtitle{margin:.5rem 0 0;color:var(--text-muted);font-size:1rem;line-height:1.5;animation:modalTextReveal .8s cubic-bezier(.25,.46,.45,.94) .5s both}[data-theme=light] .bento-modal-header{border-bottom-color:rgba(0,0,0,.1)}.bento-modal-icon{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0;animation:modalIconSpin .8s cubic-bezier(.68,-.55,.265,1.55) .3s both;box-shadow:0 4px 15px rgba(0,0,0,.1)}[data-theme=light] .bento-modal-icon{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:var(--text-primary);box-shadow:0 4px 15px rgba(0,0,0,.15)}.bento-modal-title{font-size:2rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--gradient-shadow);margin:0;flex:1;animation:modalTitleReveal 1s cubic-bezier(.25,.46,.45,.94) .4s both}.bento-modal-close{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);color:var(--text-primary);animation:modalCloseFloat .6s cubic-bezier(.25,.46,.45,.94) .5s both}[data-theme=light] .bento-modal-close{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);color:var(--text-primary)}.bento-modal-close:hover{transform:rotate(90deg) scale(1.08);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 8px rgba(0,0,0,.2)}[data-theme=light] .bento-modal-close:hover{background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.12);box-shadow:0 0 8px rgba(0,0,0,.3)}.bento-modal-body{padding:2rem 2.5rem;overflow-y:auto;flex:1;display:grid;grid-template-columns:1fr;gap:2rem}.bento-modal-description-section{animation:modalSectionSlide .8s cubic-bezier(.25,.46,.45,.94) .6s both}.bento-modal-description-section h4,.bento-modal-features h4,.bento-modal-tech h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.bento-modal-description{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin:0;animation:modalTextReveal .8s cubic-bezier(.25,.46,.45,.94) .7s both}.bento-modal-features ul{display:grid;gap:.75rem}.bento-modal-features li{padding-left:1.5rem;font-size:.95rem}.bento-modal-features li:before{font-size:1rem;line-height:1.6}.bento-modal-image-section{margin-bottom:2rem;animation:modalSectionSlide .8s cubic-bezier(.25,.46,.45,.94) .5s both}.bento-modal-image-section h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.bento-modal-image-container{position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.05);max-width:80%;margin:0 auto}.bento-modal-image{width:100%;height:auto;display:block;transition:transform .3s ease}.bento-modal-image:hover{transform:scale(1.02)}.bento-modal-features{margin-bottom:2rem;animation:modalSectionSlide .8s cubic-bezier(.25,.46,.45,.94) .7s both}.bento-modal-features h4,.bento-modal-tech h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.bento-modal-features ul{list-style:none;padding:0;margin:0}.bento-modal-features li{position:relative;padding-left:2rem;margin-bottom:.75rem;color:var(--text-secondary);line-height:1.6}.bento-modal-features li:before{content:"•";position:absolute;left:0;top:0;color:var(--gradient-start);font-size:1.2rem;font-weight:700}.bento-modal-tech{margin-bottom:2rem;animation:modalSectionSlide .8s cubic-bezier(.25,.46,.45,.94) .8s both}.bento-modal-tech-list{display:flex;flex-wrap:wrap;gap:.75rem}.bento-modal-tech-tag{padding:.4rem .8rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);border-radius:6px;font-size:.8rem;font-weight:500;transition:all .2s ease;opacity:0;transform:scale(0)}[data-theme=light] .bento-modal-tech-tag{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}.bento-modal-tech-tag:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:var(--text-primary)}[data-theme=light] .bento-modal-tech-tag:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}.bento-modal-footer{display:flex;gap:1rem;padding:1.5rem 2.5rem 2rem;border-top:1px solid rgba(255,255,255,.05);margin-top:auto;animation:modalFooterSlide .8s cubic-bezier(.25,.46,.45,.94) .9s both}[data-theme=light] .bento-modal-footer{border-top-color:rgba(0,0,0,.1)}.bento-modal-code-button,.bento-modal-demo-button{flex:1;padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;border:none;font-family:inherit}.bento-modal-demo-button{background:var(--gradient);color:white}.bento-modal-demo-button:hover{transform:translateY(-2px);opacity:.9;box-shadow:0 4px 8px rgba(0,0,0,.1)}.bento-modal-code-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.bento-modal-code-button:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 6px 15px rgba(0,0,0,.1);background-image:linear-gradient(var(--card-bg),var(--card-bg)),linear-gradient(45deg,var(--gradient-start),var(--gradient-end))}.bento-modal-code-disabled,.bento-modal-demo-disabled{cursor:default}.bento-modal-code-disabled:hover{transform:none!important;box-shadow:none!important;background-image:none!important}@media (max-width:768px){.bento-modal-overlay{padding:1rem}.bento-modal-content{max-height:95vh}.bento-modal-header{padding:1.5rem 1.5rem 1rem;flex-wrap:wrap;gap:1rem}.bento-modal-title{font-size:1.5rem;width:100%;order:2}.bento-modal-icon{width:50px;height:50px}.bento-modal-body{padding:1rem 1.5rem 1.5rem}.bento-modal-image-container{border-radius:8px;margin-bottom:1rem}.bento-modal-image:hover{transform:none}.bento-modal-description{font-size:1rem}.bento-modal-footer{flex-direction:column}.bento-modal-code-button,.bento-modal-demo-button{width:100%}}.bento-modal-body::-webkit-scrollbar{width:4px}.bento-modal-body::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:3px}.bento-modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.bento-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bento-expanded-content{padding:2rem;height:100%;max-height:85vh;overflow-y:auto;overflow-x:hidden;animation:contentSlideIn .6s cubic-bezier(.25,.46,.45,.94) .3s forwards;opacity:0;transform:translateY(20px);will-change:transform,opacity}@keyframes contentSlideIn{to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px)}}.bento-expanded-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid;border-image:var(--gradient) 1;animation:headerSlideIn .8s cubic-bezier(.25,.46,.45,.94) .4s forwards;opacity:0;transform:translateX(-30px)}@keyframes headerSlideIn{to{opacity:1;transform:translateX(0)}}.bento-icon-expanded{width:60px;height:60px;border-radius:16px;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;animation:iconRotate .6s ease}@keyframes iconRotate{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0deg) scale(1)}}.bento-project-title-expanded{font-size:2rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin:0;flex:1}.bento-close-button{width:40px;height:40px;border-radius:50%;background:transparent;border:2px solid transparent;background-image:linear-gradient(var(--card-bg),var(--card-bg)),var(--gradient);background-origin:border-box;background-clip:padding-box,border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--primary-color)}.bento-close-button:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px var(--gradient-start)}.bento-expanded-body{animation:bodySlideIn .8s cubic-bezier(.25,.46,.45,.94) .5s forwards;opacity:0;transform:translateY(30px)}@keyframes bodySlideIn{to{opacity:1;transform:translateY(0)}}.bento-full-description{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem}.bento-features{margin-bottom:2rem}.bento-features h4,.bento-tech-expanded h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.bento-features ul{list-style:none;padding:0;margin:0}.bento-features li{position:relative;padding-left:2rem;margin-bottom:.75rem;color:var(--text-secondary);line-height:1.6}.bento-features li:before{content:"✓";position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--gradient);color:white;border-radius:50%;font-size:.8rem;font-weight:700}.bento-tech-expanded{margin-bottom:2rem}.bento-tech-list{display:flex;flex-wrap:wrap;gap:.75rem}.bento-tech-tag-expanded{padding:.5rem 1rem;background:var(--gradient);color:white;border-radius:24px;font-size:.9rem;font-weight:600;transition:all .3s ease;animation:tagPop .4s ease forwards;animation-delay:calc(var(--index) * .05s);opacity:0;transform:scale(0)}@keyframes tagPop{to{opacity:1;transform:scale(1)}}.bento-tech-tag-expanded:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.bento-expanded-footer{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}[data-theme=light] .bento-expanded-footer{border-top-color:rgba(0,0,0,.1)}.bento-code-button,.bento-demo-button{flex:1;padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;border:none;font-family:inherit}.bento-demo-button{background:var(--text-primary);color:var(--bg-primary)}.bento-demo-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15);opacity:.9}.bento-code-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.bento-code-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1);border-color:rgba(255,255,255,.3)}[data-theme=light] .bento-code-button{border-color:rgba(0,0,0,.2)}[data-theme=light] .bento-code-button:hover{border-color:rgba(0,0,0,.3)}.bento-expanded-content::-webkit-scrollbar{width:8px}.bento-expanded-content::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.bento-expanded-content::-webkit-scrollbar-thumb{background:var(--gradient);border-radius:4px}.bento-expanded-content::-webkit-scrollbar-thumb:hover{background:var(--gradient-start)}@media (max-width:768px){.bento-item.expanded{width:95vw!important;height:95vh!important}.bento-expanded-content{padding:1.5rem;max-height:95vh}.bento-expanded-header{flex-wrap:wrap;gap:1rem}.bento-project-title-expanded{font-size:1.5rem;width:100%;order:2}.bento-icon-expanded{width:50px;height:50px}.bento-full-description{font-size:1rem}.bento-expanded-footer{flex-direction:column}.bento-code-button,.bento-demo-button{width:100%}}@media (max-width:480px){.bento-expanded-content{padding:1rem}.bento-project-title-expanded{font-size:1.25rem}.bento-features h4,.bento-tech-expanded h4{font-size:1.1rem}.bento-full-description{font-size:.95rem}.bento-features li{font-size:.9rem}}body.card-expanded{overflow:hidden}body.card-expanded footer{display:none}.bento-item:not(.expanded){perspective:1000px;will-change:transform}.bento-item:not(.expanded):hover{transform:translateY(-4px) scale(1.01) rotateX(-1deg) rotateY(1deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.bento-item:not(.expanded) .bento-content{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.bento-item:not(.expanded):hover .bento-content{transform:translateZ(15px) rotateX(2deg)}.bento-tech-list .bento-tech-tag-expanded:first-child{--index:0}.bento-tech-list .bento-tech-tag-expanded:nth-child(2){--index:1}.bento-tech-list .bento-tech-tag-expanded:nth-child(3){--index:2}.bento-tech-list .bento-tech-tag-expanded:nth-child(4){--index:3}.bento-tech-list .bento-tech-tag-expanded:nth-child(5){--index:4}.bento-item:not(.expanded){transform-origin:center center}.bento-item:not(.expanded):active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.bento-background,.bento-border,.bento-content,.bento-item{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bento-demo-loading{position:relative;overflow:hidden}.bento-demo-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:100%}}.bento-item:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.bento-item:active:after{width:300px;height:300px}body.theme-transitioning{position:relative}*,:after,:before{transition-property:background-color,color,border-color,box-shadow;transition-duration:.6s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.theme-particle-impact,.theme-wave-impact{will-change:transform,opacity,filter}.theme-toggle.animating{transform:scale(1.15);animation:impactfulTogglePulse .7s ease;filter:brightness(1.3) saturate(1.2);box-shadow:0 0 20px var(--gradient-start)80}.theme-toggle.animating .theme-toggle-inner{animation:impactfulToggleRotate .7s ease}@keyframes impactfulTogglePulse{0%{transform:scale(1);filter:brightness(1.3) saturate(1.2)}30%{transform:scale(1.25);filter:brightness(1.6) saturate(1.5)}60%{transform:scale(1.1);filter:brightness(1.4) saturate(1.3)}to{transform:scale(1);filter:brightness(1.3) saturate(1.2)}}@keyframes impactfulToggleRotate{0%{transform:rotate(0deg)}30%{transform:rotate(120deg)}60%{transform:rotate(240deg)}to{transform:rotate(1turn)}}body.theme-transitioning .navbar-container{animation:subtleNavbarReaction .6s ease-out}body.theme-transitioning .nav-active-indicator{animation:subtleIndicatorReaction .6s ease-out}body.theme-transitioning .neon-gradient{animation:subtleGradientReaction .6s ease-out}@keyframes subtleNavbarReaction{0%{transform:scale(1)}40%{transform:scale(1.01) translateY(-1px);filter:brightness(1.1)}to{transform:scale(1)}}@keyframes subtleIndicatorReaction{0%{filter:drop-shadow(0 0 20px var(--gradient-start))}50%{filter:drop-shadow(0 0 25px var(--gradient-start)) brightness(1.2)}to{filter:drop-shadow(0 0 20px var(--gradient-start))}}@keyframes subtleGradientReaction{0%{filter:brightness(1)}50%{filter:brightness(1.3) saturate(1.3)}to{filter:brightness(1)}}.nav-active-indicator{transition:all 1.2s cubic-bezier(.175,.885,.32,1.275),filter .8s ease,box-shadow .8s ease}