@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-body:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains+Mono", monospace;--bg-dark:#0a0a0a;--bg-card:#151515;--bg-card-hover:#1c1c1c;--accent-primary:#f59e0b;--accent-secondary:#3b82f6;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#ffffff14;--border-hover:#ffffff26;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-dark);color:var(--text-primary);width:100%;margin:0;overflow-x:hidden}.app-root{min-height:100vh;position:relative}.noise-overlay{z-index:9999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.loader{background:var(--bg-dark);z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-logo{font-family:var(--font-display);letter-spacing:.5em;background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=480px){.container{padding:0 1.25rem}}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:10rem 0;display:flex;position:relative}.section-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;font-size:.8rem}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:3rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-bg-text{font-family:var(--font-display);color:#ffffff04;pointer-events:none;z-index:0;letter-spacing:-.05em;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,25vw,18rem);font-weight:900;line-height:.7;position:absolute;top:-3rem;left:-2%;transform:skew(-10deg)}a{color:inherit;text-decoration:none}li{list-style:none}.btn-primary{background:var(--accent-primary);color:#000;border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:none;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:700;display:inline-flex}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-base);align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:var(--text-primary);background:#ffffff0d}@media (width<=768px){.section{padding:6rem 0}.container{padding:0 1.5rem}.live-project-title{font-size:clamp(1.5rem,8vw,2.5rem)}.live-project-item{padding:2rem 0}}.navbar{z-index:1000;width:100%;height:80px;transition:all var(--transition-base);align-items:center;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);background:#0a0a0acc;height:70px}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.navbar-logo{font-family:var(--font-display);letter-spacing:2px;font-size:1.5rem;font-weight:800}.navbar-links{align-items:center;gap:2.5rem;display:flex}.nav-link-item{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;transition:color var(--transition-base);font-size:.8rem}.nav-link-item:hover{color:var(--accent-primary)}.navbar-cta{background:var(--accent-primary);color:#000;border-radius:var(--radius-full);transition:all var(--transition-base);padding:.6rem 1.5rem;font-weight:700}.navbar-cta:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f59e0b4d}.hamburger{cursor:pointer;z-index:1002;flex-direction:column;gap:5px;padding:5px;display:none}.hamburger span{background:var(--accent-primary);border-radius:2px;width:28px;height:3px;transition:all .4s cubic-bezier(.4,0,.2,1)}.hamburger.active span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translate(10px)}.hamburger.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (width<=768px){.navbar-links{display:none}.hamburger{display:flex}.navbar-logo{font-size:1.25rem}}.mobile-nav-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;background:#0006;position:fixed;inset:0}.mobile-nav-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-left:1px solid #ffffff1a;flex-direction:column;gap:3rem;width:85vw;max-width:380px;padding:6rem 3rem;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #00000080}.close-menu{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.8rem;transition:all .3s;display:flex;position:absolute;top:2rem;right:2.5rem}.close-menu:hover{background:#ffffff1a;transform:rotate(90deg)}.mobile-nav-links{flex-direction:column;gap:2rem;display:flex}.mobile-nav-links a{font-family:var(--font-display);color:#fff;font-size:2rem;font-weight:800;text-decoration:none;transition:all .3s}.mobile-nav-links a:hover{color:var(--accent-primary);transform:translate(10px)}.hero{align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow-x:hidden}.hero-bg-gradient{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#7c3aed1f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float;position:absolute;top:-20%;right:-10%}.hero-bg-text{right:-5%;opacity:.01!important;font-size:clamp(6rem,20vw,12rem)!important;top:20%!important;left:auto!important}.hero-bg-gradient-2{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#06b6d414 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-10%;left:-10%}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,20px)}}.hero-content{z-index:1;grid-template-columns:1.2fr .8fr;align-items:center;gap:6rem;display:grid;position:relative}.hero-text{flex-direction:column;gap:1.5rem;display:flex}.hero-greeting{font-family:var(--font-mono);color:var(--accent-primary);letter-spacing:.05em;font-size:.9rem}.hero-name{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.05}.hero-role{font-family:var(--font-display);color:var(--text-muted);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;line-height:1.2}.hero-description{color:var(--text-secondary);max-width:520px;font-size:1.05rem;line-height:1.7}.hero-cta-group{gap:1rem;margin-top:.5rem;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed4d}.btn-primary:hover:before{opacity:1}.btn-outline{border:1px solid var(--border-hover);color:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#a78bfa0d;transform:translateY(-2px)}.hero-visual{justify-content:center;align-items:center;min-height:450px;display:flex;position:relative}.hero-visual-glow{filter:blur(40px);background:radial-gradient(circle,#a78bfa26,#0000 70%);border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-3d-canvas{border-radius:var(--radius-xl);z-index:1;width:250px;height:250px;margin-left:auto;margin-right:2rem;position:relative}.hero-profile-underlay{z-index:2;justify-content:center;align-items:center;width:350px;height:350px;display:flex;position:absolute}.hero-underlay-photo{object-fit:cover;opacity:1;filter:contrast(105%);border:3px solid #ffffff1a;border-radius:50%;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle,#000 75%,#0000 100%);mask-image:radial-gradient(circle,#000 75%,#0000 100%)}.photo-ring-glow{border:2px solid #f59e0b33;border-radius:50%;animation:10s linear infinite rotateGlow;position:absolute;inset:-10px;box-shadow:0 0 40px #f59e0b1a}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-stats{border-top:1px solid var(--border-color);gap:3rem;margin-top:3rem;padding-top:2rem;display:flex}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-number{font-family:var(--font-display);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}.scroll-indicator{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-family:var(--font-mono);flex-direction:column;align-items:center;gap:.5rem;animation:2s ease-in-out infinite scrollBounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator .mouse{border:2px solid var(--text-muted);border-radius:10px;width:20px;height:32px;position:relative}.scroll-indicator .mouse:after{content:"";background:var(--accent-primary);border-radius:3px;width:3px;height:8px;animation:2s ease-in-out infinite scrollDot;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes scrollDot{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(10px)}}@media (width<=968px){.hero{padding-top:8rem}.hero-content{text-align:center;grid-template-columns:1fr;gap:4rem}.hero-text{align-items:center}.hero-description{max-width:100%}.hero-visual{order:-1;min-height:400px}.hero-stats{justify-content:center;width:100%}}@media (width<=480px){.hero-3d-canvas{width:180px;height:180px;margin-left:0;margin-right:0}.hero-profile-underlay{width:250px;height:250px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem}.hero-cta-group{flex-direction:column;align-items:center;width:100%}.btn-primary,.btn-outline{justify-content:center;width:100%}.stat-number{font-size:2rem}}.about{position:relative;overflow:hidden}.github-top-bar{font-family:var(--font-mono);color:var(--text-muted);border-bottom:1px solid #ffffff0d;justify-content:center;gap:3rem;margin-bottom:5rem;padding:1.5rem 0;font-size:.85rem;display:flex}.top-stat-item{transition:color var(--transition-base);align-items:center;gap:.75rem;display:flex}.top-stat-item:hover{color:var(--text-primary)}.top-stat-item svg{font-size:1.1rem}.about-grid-enhanced{grid-template-columns:1fr 1.2fr;align-items:center;gap:6rem;margin-bottom:5rem;display:grid}.about-heading{font-family:var(--font-display);color:var(--text-primary);margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.accent-dot{color:var(--accent-secondary)}.about-bio{color:var(--text-secondary);flex-direction:column;gap:1.5rem;margin-bottom:3rem;font-size:1.1rem;line-height:1.8;display:flex}.about-bio strong{color:var(--text-primary)}.about-actions{gap:1.5rem;display:flex}.btn-github{color:#fff;border-radius:var(--radius-md);transition:all var(--transition-base);background:#3b82f6;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-weight:700;display:flex}.btn-github:hover{transform:translateY(-3px);box-shadow:0 15px 30px #3b82f64d}.btn-contact-simple{border:1px solid var(--border-color);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-base);background:#ffffff0d;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-weight:700;display:flex}.btn-contact-simple:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px)}.btn-arrow{transition:transform var(--transition-base)}.btn-github:hover .btn-arrow,.btn-contact-simple:hover .btn-arrow{transform:translate(5px)}.github-card{background:#121212;border:1px solid #ffffff0d;border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.github-card-header{margin-bottom:2rem}.card-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem;display:block}.github-card-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.heatmap-container{scrollbar-width:none;padding-bottom:.5rem;overflow-x:auto}.heatmap-container::-webkit-scrollbar{display:none}.heatmap-grid{grid-template-columns:repeat(25,12px);gap:4px;min-width:max-content;margin-bottom:1.5rem;display:grid}.heatmap-cell{aspect-ratio:1;background:#1d1d1d;border-radius:2px}.heatmap-cell.level-0{background:#161b22}.heatmap-cell.level-1{background:#0e4429}.heatmap-cell.level-2{background:#006d32}.heatmap-cell.level-3{background:#39d353}.heatmap-footer{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.75rem;font-size:.7rem;display:flex}.heatmap-legend{gap:4px;display:flex}.heatmap-legend .heatmap-cell{width:12px;height:12px}.about-bento-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.about-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.about-bento-grid{grid-template-columns:1fr}}.profile-card{min-height:250px;position:relative;padding:0!important}.profile-photo{object-fit:cover;border-radius:20px;width:100%;height:100%}.profile-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);color:#fff;opacity:0;transition:all var(--transition-base);background:#0009;border:1px solid #ffffff1a;border-radius:12px;padding:.5rem 1rem;font-size:.75rem;position:absolute;bottom:1rem;left:1rem;transform:translateY(10px)}.profile-card:hover .profile-overlay{opacity:1;transform:translateY(0)}.bento-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);background:#121212;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.bento-card:hover{border-color:#ffffff1a;transform:translateY(-5px)}.bento-header{justify-content:space-between;align-items:flex-start;display:flex}.bento-value{font-family:var(--font-display);color:var(--text-primary);font-size:2.5rem;font-weight:800}.bento-icon{color:var(--text-muted);font-size:1.5rem}.bento-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.85rem}.status-card{background:linear-gradient(135deg,#121212 0%,#1a1a1a 100%)}.status-indicator{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.status-indicator span{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.status-dot-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;position:relative}.status-dot-pulse:after{content:"";background:#10b98166;border-radius:50%;animation:2s infinite pulse-status;position:absolute;inset:-4px}@keyframes pulse-status{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@media (width<=1024px){.about-grid-enhanced{grid-template-columns:1fr;gap:4rem}.github-top-bar{flex-wrap:wrap;justify-content:center;gap:2rem}}@media (width<=640px){.about-bento-grid{grid-template-columns:1fr}.about-actions{flex-direction:column}}.stack-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.stack-tab{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);padding:.75rem 1.5rem;font-size:.8rem}.stack-tab:hover,.stack-tab.active{border-color:var(--accent-primary);color:var(--text-primary);background:var(--bg-card-hover)}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-bottom:8rem;display:grid}.stack-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.stack-item:hover{border-color:var(--accent-primary);background:var(--bg-card-hover);transform:translateY(-5px)}.stack-item-icon{color:var(--accent-primary);font-size:2.5rem}.stack-item-name{color:var(--text-secondary);font-size:.9rem;font-weight:500}.toolbox-section{border-top:1px solid var(--border-color);padding-top:5rem}.toolbox-title{font-family:var(--font-display);text-align:center;margin-bottom:3rem;font-size:2rem;font-weight:800}.toolbox-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));justify-content:center;gap:2rem;display:grid}.toolbox-item{opacity:.7;transition:all var(--transition-base);flex-direction:column;align-items:center;gap:1rem;display:flex}.toolbox-item:hover{opacity:1;transform:scale(1.1)}.toolbox-icon{color:var(--text-secondary);font-size:2rem}.toolbox-name{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}@media (width<=768px){.stack-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.experience{padding:10rem 0;position:relative;overflow:hidden}.timeline-enhanced{max-width:900px;margin:4rem auto 0;padding-left:3rem;position:relative}.timeline-enhanced:before{content:"";background:linear-gradient(to bottom, transparent, var(--accent-primary) 10%, var(--accent-secondary) 90%, transparent);width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 15px #f59e0b4d}.timeline-item-enhanced{margin-bottom:6rem;position:relative}.timeline-item-enhanced:last-child{margin-bottom:0}.timeline-item-enhanced:after{content:"";background:var(--bg-dark);border:2px solid var(--accent-primary);width:12px;height:12px;box-shadow:0 0 10px var(--accent-primary);z-index:2;border-radius:50%;position:absolute;top:1.5rem;left:-3rem;transform:translate(-5px)}.timeline-year-bg{font-family:var(--font-display);color:#ffffff08;pointer-events:none;z-index:0;font-size:8rem;font-weight:900;line-height:1;position:absolute;top:-2rem;left:-1rem}.timeline-content-card{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.timeline-content-card:hover{background:#ffffff0a;border-color:#f59e0b4d;transform:translate(10px);box-shadow:-10px 10px 30px #0000004d}.card-header-exp{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.header-main-info{align-items:center;gap:1.2rem;display:flex}.exp-icon{color:var(--accent-primary);background:#f59e0b1a;border-radius:12px;padding:.8rem;font-size:1.8rem}.header-main-info h3{font-family:var(--font-display);color:#fff;margin-bottom:.2rem;font-size:1.5rem;font-weight:700}.header-main-info h4{font-family:var(--font-mono);color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.header-meta{font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;align-items:flex-end;gap:.5rem;font-size:.75rem;display:flex}.header-meta span{align-items:center;gap:.5rem;display:flex}.exp-description{color:var(--text-secondary);opacity:.8;margin-bottom:1.5rem;font-size:1rem;font-style:italic;line-height:1.6}.exp-highlights{grid-template-columns:1fr;gap:.8rem;list-style:none;display:grid}.exp-highlights li{color:var(--text-primary);padding-left:1.5rem;font-size:.95rem;position:relative}.exp-highlights li:before{content:"→";color:var(--accent-primary);font-weight:900;position:absolute;left:0}@media (width<=768px){.timeline-year-bg{font-size:5rem}.timeline-enhanced{padding-left:2rem}.card-header-exp{flex-direction:column;gap:1rem}.timeline-item-enhanced:after{left:-2rem}.header-meta{align-items:flex-start}.timeline-content-card{padding:1.5rem}.header-main-info h3{font-size:1.2rem}}.projects{position:relative}.live-platforms-list{z-index:1;flex-direction:column;margin-top:2rem;display:flex;position:relative}.live-project-item{border-bottom:1px solid var(--border-color);transition:all var(--transition-base);justify-content:space-between;align-items:center;padding:3rem 0;display:flex;position:relative}.live-project-content{align-items:flex-start;gap:2rem;display:flex}.live-project-num{font-family:var(--font-mono);color:var(--text-muted);margin-top:.5rem;font-size:1rem}.live-project-title{font-family:var(--font-display);color:var(--text-muted);transition:all var(--transition-base);margin-bottom:1rem;font-size:clamp(2rem,6vw,4rem);font-weight:800;line-height:1}.live-project-title a{align-items:center;gap:1rem;display:flex}.link-icon{opacity:0;transition:all var(--transition-base);font-size:1.5rem;transform:translate(-10px,10px)}.live-project-tech{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.live-project-image{border-radius:var(--radius-md);opacity:0;width:300px;height:180px;transition:all var(--transition-slow);overflow:hidden;transform:translate(20px);box-shadow:0 20px 40px #0006}.live-project-image img{object-fit:cover;width:100%;height:100%}.live-project-item:hover{border-bottom-color:var(--accent-primary)}.live-project-item:hover .live-project-title{color:var(--text-primary);transform:translate(10px)}.live-project-item:hover .link-icon{opacity:1;color:var(--accent-primary);transform:translate(0)}.live-project-item:hover .live-project-image{opacity:1;transform:translate(0)}@media (width<=968px){.live-project-image{display:none}.live-project-item:hover .live-project-title{transform:none}}@media (width<=768px){.live-project-content{gap:1rem}.live-project-num{font-size:.8rem}.live-project-title{font-size:2.5rem}.live-project-item{padding:2rem 0}}.experiments-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:3rem;display:grid;position:relative}.experiment-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);overflow:hidden}.experiment-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-5px)}.experiment-image{height:180px;overflow:hidden}.experiment-image img{object-fit:cover;width:100%;height:100%}.experiment-content{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.experiment-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:700}.experiment-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.experiment-tech{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.experiment-tech span{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem}.contact-grid{z-index:1;grid-template-columns:1fr 1.2fr;gap:5rem;margin-top:3rem;display:grid;position:relative}.contact-title{font-family:var(--font-display);margin-bottom:3rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.contact-methods{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.contact-method-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;gap:1.5rem;padding:1.5rem;text-decoration:none;display:flex}.contact-method-item:hover{border-color:var(--accent-primary);background:var(--bg-card-hover);transform:translate(10px)}.contact-method-icon{width:50px;height:50px;color:var(--accent-primary);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.contact-method-text{flex-direction:column;display:flex}.contact-method-text span{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.contact-method-text strong{color:var(--text-primary);font-size:1.1rem}.contact-socials{gap:1.5rem;display:flex}.contact-socials a{border:1px solid var(--border-color);width:45px;height:45px;color:var(--text-muted);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.contact-socials a:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-5px)}.contact-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;padding:3rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.form-group input,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);background:#ffffff08;padding:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);background:#ffffff0f;outline:none}@media (width<=968px){.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (width<=480px){.contact-form{padding:2rem 1.5rem}}.footer{border-top:1px solid var(--border-color);z-index:10;background:#0d0d0d;padding:5rem 0 2rem;position:relative}.footer-inner{flex-direction:column;gap:4rem;display:flex}.footer-info{max-width:400px}.footer-logo{font-family:var(--font-display);margin-bottom:1rem;font-size:2rem;font-weight:900}.footer-tagline{color:var(--text-secondary);line-height:1.6}.footer-links{gap:5rem;display:flex}.footer-link-group{flex-direction:column;gap:1rem;display:flex}.footer-link-group span{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem}.footer-link-group a{color:var(--text-secondary);transition:color var(--transition-base)}.footer-link-group a:hover{color:var(--accent-primary)}.footer-bottom{color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;display:flex}.footer-socials{gap:1.5rem;display:flex}.footer-socials a{color:var(--text-muted);transition:all var(--transition-base);font-size:1.25rem}.footer-socials a:hover{color:var(--accent-primary);transform:translateY(-3px)}@media (width<=768px){.footer-links{flex-wrap:wrap;gap:3rem}.footer-bottom{text-align:center;flex-direction:column;gap:2rem}}.whatsapp-floating-container{z-index:9999;flex-direction:column;align-items:flex-end;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.whatsapp-trigger{color:#fff;cursor:pointer;width:60px;height:60px;transition:all var(--transition-base);background:#25d366;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex;box-shadow:0 10px 30px #25d36666}.whatsapp-trigger:hover{background:#128c7e;box-shadow:0 15px 40px #25d36699}.whatsapp-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1a;border:1px solid #ffffff1a;border-radius:20px;width:300px;padding:1.5rem;box-shadow:0 20px 50px #00000080}.popup-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.popup-header h3{font-family:var(--font-display);color:#fff;font-size:1rem;font-weight:700}.popup-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:color .3s}.popup-header button:hover{color:#fff}.popup-form{flex-direction:column;gap:1rem;display:flex}.popup-form input{border:1px solid var(--border-color);color:#fff;font-family:var(--font-body);background:#ffffff0d;border-radius:10px;outline:none;padding:.75rem 1rem}.popup-form input:focus{border-color:#25d366}.popup-form button{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:700;transition:all .3s;display:flex}.popup-form button:hover{background:#128c7e}.popup-form button:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.whatsapp-floating-container{bottom:6rem;right:1.5rem}.whatsapp-popup{width:calc(100vw - 3rem)}}.minimal-cursor{pointer-events:none;z-index:10002;mix-blend-mode:difference;background:#fff;border-radius:50%;width:12px;height:12px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@media (pointer:fine){html,body,a,button{cursor:none!important}}