@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--primary-color: #ff5500;--primary-dark: #cc4400;--primary-light: #ff7733;--accent-color: #e60039;--accent-dark: #b3002d;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1c1c1c;--surface: rgba(30, 30, 30, .4);--surface-hover: rgba(50, 50, 50, .5);--surface-border: rgba(255, 85, 0, .15);--gradient-primary: linear-gradient(135deg, #ff5500 0%, #e60039 100%);--gradient-secondary: linear-gradient(135deg, rgba(20,20,20,.8) 0%, rgba(30,30,30,.9) 100%);--gradient-accent: linear-gradient(135deg, #ff5500 0%, #ff7733 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2.5rem;--shadow-glow: 0 0 30px -5px rgba(255, 85, 0, .5);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary-color);color:#fff}.progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--bg-secondary);z-index:9999}.progress-fill{height:100%;background:var(--gradient-primary);width:0%;transition:width .1s ease}.cursor-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%)}.cursor-outline{width:40px;height:40px;border:2px solid var(--primary-color);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9997;opacity:.5;transform:translate(-50%,-50%)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;background:#ff55001a;border:1px solid rgba(255,85,0,.2);color:var(--primary-color);padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden}.section-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,85,0,.15),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.navbar{position:fixed;top:0;left:0;right:0;background:#0f0f0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,103,0,.1);z-index:1000;transition:all var(--transition-normal)}.navbar.scrolled{background:#0f0f0ff2;box-shadow:0 10px 15px -3px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:80px}.logo{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:.2rem;text-decoration:none}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-dot{color:var(--accent-color);font-size:2rem}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden;background:none;border:none;cursor:pointer;font-size:1rem}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left var(--transition-normal);z-index:-1;opacity:.1}.nav-link:hover:before,.nav-link.active:before{left:0}.nav-link:hover,.nav-link.active{color:var(--text-primary);transform:translateY(-2px)}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;width:30px;height:25px;justify-content:space-between;background:none;border:none;padding:0;z-index:1001}.mobile-menu-toggle span{display:block;height:3px;width:100%;background:var(--text-primary);border-radius:2px;transition:all var(--transition-normal);transform-origin:center}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0f0f0ffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transform:translate(-100%);transition:transform var(--transition-normal);display:flex;align-items:center;justify-content:center}.mobile-menu.active{transform:translate(0)}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.mobile-nav-link{font-size:1.5rem;color:var(--text-primary);text-decoration:none;font-weight:500;padding:1rem 2rem;border-radius:var(--radius-lg);transition:all var(--transition-normal);background:none;border:none;cursor:pointer}.mobile-nav-link:hover{transform:scale(1.05);color:var(--primary-color)}.mobile-social{display:flex;gap:1rem;margin-top:2rem}.mobile-social a{width:50px;height:50px;background:var(--surface);border:1px solid rgba(255,103,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);font-size:1.2rem}.mobile-social a:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 0 80px}#networkCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.3}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ff67001a;border:1px solid rgba(255,103,0,.2);padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;color:var(--primary-light);margin-bottom:1.5rem}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1rem;color:var(--text-primary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-secondary);min-height:2rem;font-family:Space Grotesk,sans-serif}.typing-text{position:relative;display:inline-block;color:var(--primary-color);font-weight:600}.typing-text:after{content:"";position:absolute;right:-4px;top:0;width:2px;height:100%;background:var(--primary-color);animation:typing-cursor 1s infinite}@keyframes typing-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem;max-width:500px}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all var(--transition-normal);border:none;cursor:pointer;font-size:1rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 25px 50px -12px #ff670099}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--surface-hover)}.btn-secondary:hover{background:var(--surface-hover);transform:translateY(-3px)}.hero-social{display:flex;gap:1rem}.hero-social a{width:50px;height:50px;background:var(--surface);border:1px solid rgba(255,103,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);font-size:1.2rem}.hero-social a:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px) scale(1.1)}.hero-image{position:relative;z-index:2}.image-container{position:relative;width:400px;height:400px;margin:0 auto}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--primary-color);box-shadow:var(--shadow-glow);transition:all var(--transition-slow)}.profile-image:hover{transform:scale(1.05)}.about-img-container img{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;z-index:2}.about-img-container:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .5s ease;z-index:3;pointer-events:none}.about-img-container:hover:after{box-shadow:inset 0 0 0 2px #ff670080}.about-img-container:hover img{transform:scale(1.03) translateY(-8px);box-shadow:0 30px 60px #ff670040}.image-glow{position:absolute;inset:-20px;background:var(--gradient-primary);border-radius:50%;z-index:-1;opacity:.3;filter:blur(30px);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.floating-elements{position:absolute;inset:0;pointer-events:none}.floating-icon{position:absolute;width:60px;height:60px;background:var(--surface);border:1px solid rgba(255,103,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem;animation:float 3s ease-in-out infinite}.floating-icon:nth-child(1){top:10%;right:10%;animation-duration:3s;animation-delay:0s}.floating-icon:nth-child(2){top:20%;left:-10%;animation-duration:4s;animation-delay:1s}.floating-icon:nth-child(3){bottom:20%;right:-5%;animation-duration:3.5s;animation-delay:2s}.floating-icon:nth-child(4){bottom:10%;left:5%;animation-duration:4.5s;animation-delay:.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(5deg)}66%{transform:translateY(5px) rotate(-5deg)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem}.scroll-line{width:2px;height:40px;background:var(--gradient-primary);animation:scroll-anim 2s ease infinite}@keyframes scroll-anim{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.about-section{padding:100px 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-intro h3{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-intro p{color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.skills-overview{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.skill-category{margin-bottom:1.5rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,103,0,.1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,103,0,.08),transparent);transition:left .6s ease;z-index:0}.skill-category:hover:before{left:100%}.skill-category:hover{border-color:var(--primary-color);background:#ff67000d;transform:translateY(-5px);box-shadow:0 10px 30px #ff670026}.skill-category h4,.skill-tags{position:relative;z-index:1}.skill-category h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.skill-category h4 i{color:var(--primary-color);transition:all .3s cubic-bezier(.22,1,.36,1)}.skill-category:hover h4 i{transform:scale(1.2) rotate(10deg);filter:drop-shadow(0 0 8px rgba(255,103,0,.6));color:var(--primary-light)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tags span{background:#ff67001a;color:var(--primary-color);padding:.3rem .8rem;border-radius:2rem;font-size:.85rem;font-weight:500;border:1px solid rgba(255,103,0,.2);transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.skill-tags span: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 .4s ease}.skill-tags span:hover:before{left:100%}.skill-tags span:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-3px) scale(1.05);border-color:transparent;box-shadow:0 10px 20px #ff67004d}.about-achievements{display:flex;flex-direction:column;gap:1rem}.achievement{display:flex;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,103,0,.1);border-radius:var(--radius-md);transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.achievement:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,103,0,.08),transparent);transition:left .6s ease;z-index:0}.achievement:hover:before{left:100%}.achievement:hover{border-color:var(--primary-color);background:#ff67000d;transform:translate(10px) translateY(-2px);box-shadow:-5px 10px 20px #ff67001a}.achievement>div,.achievement>i{position:relative;z-index:1}.achievement>i{color:var(--primary-color);font-size:1.5rem;margin-top:.2rem;transition:all .4s cubic-bezier(.22,1,.36,1)}.achievement:hover>i{transform:scale(1.2) translateY(-2px);color:var(--primary-light);filter:drop-shadow(0 0 8px rgba(255,103,0,.6))}.achievement h5{font-weight:600;margin-bottom:.25rem}.achievement p{color:var(--text-secondary);font-size:.9rem}.about-image{position:relative;z-index:2}.about-img-container{position:relative;max-width:400px;margin:0 auto}.about-img-container img{width:100%;border-radius:var(--radius-xl);box-shadow:0 0 0 3px #333,0 0 0 4px var(--primary-color),0 15px 35px #0009,0 0 40px #ff670066;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;z-index:2;animation:subtlePulse 3s ease-in-out infinite}.about-img-container:hover img{transform:perspective(1000px) rotateY(0) rotateX(0) scale(1.03) translateY(-8px);animation:phoneGlow 1.5s ease-in-out infinite;z-index:3}@keyframes subtlePulse{0%,to{box-shadow:0 0 0 3px #333,0 0 0 4px var(--primary-color),0 20px 40px #0009,0 0 40px #ff670066;filter:drop-shadow(0 0 20px rgba(255,103,0,.3))}50%{box-shadow:0 0 0 3px #444,0 0 0 5px var(--primary-color),0 25px 50px #000000b3,0 0 60px #ff670099;filter:drop-shadow(0 0 30px rgba(255,103,0,.5))}}@keyframes phoneGlow{0%,to{box-shadow:0 0 0 3px #555,0 0 0 6px var(--primary-color),0 30px 60px #000c,0 0 80px #ff6700b3,0 0 120px #ff670066;filter:drop-shadow(0 0 40px rgba(255,103,0,.6))}50%{box-shadow:0 0 0 4px #666,0 0 0 8px var(--primary-color),0 35px 70px #000000e6,0 0 120px #ff6700e6,0 0 180px #ff670099;filter:drop-shadow(0 0 60px rgba(255,103,0,.8))}}.about-decorations{position:absolute;inset:0;pointer-events:none;z-index:1}.decoration-circle{position:absolute;width:200px;height:200px;border:2px dashed rgba(255,103,0,.4);border-radius:50%;top:-30px;right:-30px;opacity:.5;animation:rotate 20s linear infinite;transition:all .5s cubic-bezier(.22,1,.36,1)}.about-img-container:hover .decoration-circle{border-color:#ff6700cc;border-style:solid;animation:rotate 8s linear infinite;transform:scale(1.15);box-shadow:0 0 30px #ff670033}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.decoration-dots{position:absolute;bottom:-30px;left:-30px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;transition:all .5s cubic-bezier(.22,1,.36,1)}.about-img-container:hover .decoration-dots{transform:scale(1.2) rotate(-10deg) translateY(-10px)}.decoration-dots span{width:10px;height:10px;background:var(--primary-color);border-radius:50%;opacity:.5;animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 10px #ff670080}.decoration-dots span:nth-child(2n){animation-delay:1s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 15px #ff6700cc}}.services-section{padding:100px 0;background:var(--bg-secondary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--surface-border);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.service-card:hover{transform:translateY(-8px);border-color:#ff67004d;box-shadow:var(--shadow-glow)}.service-icon{width:70px;height:70px;background:#ff55001a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--primary-color);margin-bottom:1.5rem;transition:all var(--transition-normal);animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 #f500}50%{box-shadow:0 0 20px 2px #ff550026}}.service-card:hover .service-icon{background:var(--gradient-primary);color:#fff}.service-card h3{font-family:var(--font-heading);font-size:1.3rem;margin-bottom:.75rem}.service-card>p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.service-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.service-features span{background:#ff670014;border:1px solid rgba(255,103,0,.15);color:var(--text-secondary);padding:.3rem .7rem;border-radius:2rem;font-size:.8rem}.service-hover{opacity:0;transition:opacity var(--transition-normal)}.service-card:hover .service-hover{opacity:1}.service-btn{display:inline-block;background:var(--gradient-primary);color:#fff;padding:.6rem 1.5rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.9rem;transition:all var(--transition-normal)}.service-btn:hover{transform:scale(1.05)}.stats-section{padding:60px 0;position:relative;background:var(--bg-primary)}.stats-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,85,0,.08),transparent 70%);pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:#ff55004d}.stat-icon{font-size:1.5rem;color:var(--primary-color);margin-bottom:.75rem}.stat-value{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:.25rem;text-transform:uppercase;letter-spacing:.08em}.about-section,.services-section,.portfolio-section,.experience-section,.skills-section,.contact-section{position:relative}.services-section:before,.portfolio-section:before,.experience-section:before,.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,85,0,.2),transparent)}.portfolio-section{padding:100px 0}.portfolio-filter{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-btn{background:var(--surface);border:1px solid rgba(255,103,0,.2);color:var(--text-secondary);padding:.6rem 1.5rem;border-radius:2rem;cursor:pointer;transition:all var(--transition-normal);font-size:.95rem;font-weight:500}.filter-btn.active,.filter-btn:hover{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:translateY(-2px)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.portfolio-item{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--surface-border);transition:all var(--transition-normal);display:flex;flex-direction:column}.portfolio-item.featured{grid-column:span 2}.portfolio-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow)}.portfolio-image{position:relative;aspect-ratio:16/10;overflow:hidden}.portfolio-item.featured .portfolio-image{aspect-ratio:21/10}.portfolio-image.mobile-screenshot{aspect-ratio:9/16;max-height:420px}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ff6700ad,#e60026ad);opacity:0;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:1.25rem;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay .portfolio-desc{color:#fffffff2;font-size:.9rem;line-height:1.6;max-width:320px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.portfolio-overlay .portfolio-links{display:flex;gap:1rem;justify-content:center}.portfolio-overlay .portfolio-link{width:48px;height:48px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.1rem;transition:all .3s ease;position:relative;transform:translateY(10px);opacity:0}.portfolio-item:hover .portfolio-overlay .portfolio-link{transform:translateY(0);opacity:1}.portfolio-item:hover .portfolio-overlay .portfolio-link:nth-child(2){transition-delay:.08s}.portfolio-overlay .portfolio-link span{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:.2rem .6rem;border-radius:.3rem;font-size:.7rem;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.portfolio-overlay .portfolio-link:hover span{opacity:1}.portfolio-overlay .portfolio-link:hover{background:#fff;color:var(--primary-color);transform:scale(1.15);box-shadow:0 5px 20px #ffffff4d;border-color:#fff}.portfolio-info{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.3rem}.portfolio-info .portfolio-category{color:var(--primary-color);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.portfolio-info h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:600}.portfolio-info .portfolio-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.portfolio-info .portfolio-tech span{background:#ff55001a;border:1px solid rgba(255,85,0,.2);color:var(--primary-light);padding:.15rem .55rem;border-radius:1rem;font-size:.7rem}.portfolio-cta{text-align:center}.portfolio-cta p{color:var(--text-muted);margin-bottom:1rem}.experience-section{padding:100px 0;background:var(--bg-secondary)}.experience-timeline{position:relative;max-width:700px;margin:0 auto;padding-left:40px}.experience-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--gradient-primary)}.timeline-item{position:relative;margin-bottom:2.5rem}.timeline-dot{position:absolute;left:-40px;top:1.2rem;transform:translate(-1px);width:16px;height:16px;background:var(--primary-color);border-radius:50%;border:3px solid var(--bg-secondary);z-index:1;box-shadow:0 0 0 4px #ff550026}.timeline-content{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--surface-border);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-normal)}.timeline-content:hover{border-color:#ff55004d;transform:translateY(-4px)}.timeline-date{color:var(--primary-color);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.timeline-content h3{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:.25rem}.timeline-content h4{color:var(--text-secondary);font-size:.95rem;margin-bottom:.75rem;font-weight:500}.timeline-content p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.timeline-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.timeline-tags span{background:#ff67001a;border:1px solid rgba(255,103,0,.2);color:var(--primary-light);padding:.2rem .6rem;border-radius:1rem;font-size:.75rem}.skills-section{padding:100px 0}.skills-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.bento-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:1.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);overflow:hidden;min-width:0;position:relative}.bento-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,103,0,.08),transparent);transition:left .6s ease;z-index:0}.bento-card:hover:before{left:100%}.bento-card:hover{border-color:#ff67004d;box-shadow:0 15px 35px #ff670026;transform:translateY(-6px)}.bento-card.bento-wide{grid-column:span 2}.bento-header,.bento-skills{position:relative;z-index:1}.bento-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.bento-icon{width:46px;height:46px;background:#ff67001a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.2rem;flex-shrink:0;transition:all .4s cubic-bezier(.22,1,.36,1)}.bento-card:hover .bento-icon{transform:scale(1.15) rotate(5deg);background:var(--gradient-primary);color:#fff;box-shadow:0 5px 15px #ff67004d}.bento-header h4{font-family:var(--font-heading);font-size:1.1rem;font-weight:600}.bento-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;min-width:0}.bento-skill{display:flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.6rem .8rem;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.bento-skill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,103,0,.1),transparent);transition:left .4s ease;z-index:0}.bento-skill:hover:before{left:100%}.bento-skill:hover{background:#ff67000d;border-color:#ff67004d;transform:translate(6px) translateY(-2px);box-shadow:-4px 6px 15px #ff67001a}.bento-skill-icon,.bento-skill-name,.skill-level{position:relative;z-index:1}.bento-skill-icon{font-size:1.1rem;color:var(--primary-color);flex-shrink:0;transition:all .3s cubic-bezier(.22,1,.36,1)}.bento-skill:hover .bento-skill-icon{transform:scale(1.25);color:var(--primary-light);filter:drop-shadow(0 0 5px rgba(255,103,0,.5))}.bento-skill-name{font-size:.8rem;font-weight:500;flex:1;min-width:0}.skill-level{font-size:.65rem;padding:.2rem .5rem;border-radius:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;white-space:nowrap}.skill-level:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease}.skill-level:hover:before{left:100%}.skill-level.beginner{background:#64748b26;color:#cbd5e1;border:1px solid rgba(148,163,184,.3);box-shadow:0 4px 15px #64748b1a}.skill-level.intermediate{background:#ff670026;color:var(--primary-light);border:1px solid rgba(255,103,0,.3);box-shadow:0 4px 15px #ff670026}.skill-level.advanced{background:#e6002626;color:#ff4d6a;border:1px solid rgba(230,0,38,.3);box-shadow:0 4px 15px #e6002626}.skill-level.expert{background:linear-gradient(135deg,#ff670040,#e6002640);color:#fff;border:1px solid rgba(255,103,0,.4);box-shadow:0 4px 15px #ff670040}.skill-level.beginner:hover{animation:beginnerPulse 1s ease-in-out infinite}.skill-level.intermediate:hover{animation:intermediatePulse 1s ease-in-out infinite}.skill-level.advanced:hover{animation:advancedPulse 1s ease-in-out infinite}.skill-level.expert:hover{animation:expertPulse 1s ease-in-out infinite}@keyframes beginnerPulse{0%,to{box-shadow:0 4px 15px #64748b1a}50%{box-shadow:0 6px 25px #94a3b84d}}@keyframes intermediatePulse{0%,to{box-shadow:0 4px 15px #ff670026}50%{box-shadow:0 6px 25px #ffb36659}}@keyframes advancedPulse{0%,to{box-shadow:0 4px 15px #e6002626}50%{box-shadow:0 6px 25px #ff4d6a59}}@keyframes expertPulse{0%,to{box-shadow:0 4px 15px #ff670040}50%{box-shadow:0 6px 25px #ff670080}}.contact-section{padding:100px 0;background:var(--bg-secondary)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem}.contact-item{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:flex-start}.contact-icon{width:55px;height:55px;background:#ff67001a;border:1px solid rgba(255,103,0,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.3rem;flex-shrink:0}.contact-details h4{font-weight:600;margin-bottom:.25rem}.contact-details p{color:var(--text-secondary);margin-bottom:.25rem}.contact-details a{color:var(--primary-color);text-decoration:none;font-size:.9rem}.contact-details a:hover{text-decoration:underline}.contact-details span{color:var(--text-muted);font-size:.9rem}.contact-social{margin-top:1rem}.contact-social h4{font-weight:600;margin-bottom:1rem}.social-links{display:flex;gap:.75rem;flex-wrap:wrap}.social-links a{width:45px;height:45px;background:var(--surface);border:1px solid rgba(255,103,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);font-size:1.1rem}.social-links a:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px) scale(1.1)}.contact-form-container{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--surface-border);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg);padding:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.9rem;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);border:1px solid rgba(255,103,0,.15);border-radius:var(--radius-md);padding:.8rem 1rem;color:var(--text-primary);font-size:.95rem;font-family:var(--font-primary);transition:border-color var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff67001a}.form-group select option{background:var(--bg-tertiary)}.form-group textarea{resize:vertical;min-height:120px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gradient-primary);color:#fff;padding:1rem 2rem;border-radius:var(--radius-lg);border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-normal)}.submit-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-message{padding:1rem;border-radius:var(--radius-md);text-align:center;font-weight:500}.form-message.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.form-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.footer{padding:60px 0 30px;background:var(--bg-primary);border-top:1px solid rgba(255,103,0,.1)}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem}.footer-brand{max-width:400px}.footer-brand p{color:var(--text-secondary);margin-top:1rem;line-height:1.7}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-section h4{font-weight:600;margin-bottom:1rem;color:var(--primary-color)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-normal);font-size:.9rem}.footer-section ul li a:hover{color:var(--primary-color)}.footer-social{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.footer-social a{width:40px;height:40px;background:var(--surface);border:1px solid rgba(255,103,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);font-size:1rem}.footer-social a:hover{background:var(--primary-color);color:#fff}.footer-contact p{color:var(--text-muted);font-size:.85rem;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.footer-bottom{border-top:1px solid rgba(255,103,0,.1);padding-top:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom-content p{color:var(--text-muted);font-size:.9rem}.footer-bottom-content i{color:var(--accent-color)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transform:translateY(100px);opacity:0;transition:all var(--transition-normal);font-size:1.2rem}.back-to-top.show{transform:translateY(0);opacity:1}.back-to-top:hover{transform:translateY(-3px) scale(1.1);box-shadow:var(--shadow-glow)}@media(max-width:768px){.nav-menu{display:none}.mobile-menu-toggle{display:flex}.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-image{order:-1}.image-container{width:280px;height:280px}.hero-buttons,.hero-social{justify-content:center}.about-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.skills-bento{grid-template-columns:1fr}.bento-card.bento-wide{grid-column:span 1}.portfolio-grid{grid-template-columns:1fr}.portfolio-item.featured{grid-column:span 1}.contact-content,.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.floating-icon,.cursor-dot,.cursor-outline{display:none}}@media(max-width:480px){.portfolio-grid,.footer-links{grid-template-columns:1fr}.hero-title{font-size:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}