@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.2rem 5%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e12cc;border-bottom:1px solid transparent;transition:var(--transition-smooth)}.navbar.scrolled{padding:.8rem 5%;background:#0a0e12f2;border-bottom:1px solid var(--glass-border);box-shadow:0 10px 40px #0000004d}.navbar.scrolled:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-light);display:flex;align-items:center;gap:2px;transition:var(--transition-smooth)}.logo:hover{transform:scale(1.02)}.logo:after{display:none}.logo span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2.5rem}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-muted);padding:.5rem 0;position:relative;transition:var(--transition-smooth)}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(-50%);border-radius:2px}.nav-links a:hover,.nav-links a.active{color:var(--text-light)}.nav-links a:hover:after,.nav-links a.active:after{width:100%;box-shadow:var(--glow-primary)}.hamburger{display:none;background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer;z-index:1001;padding:8px;transition:var(--transition-smooth)}.hamburger:hover{color:var(--primary)}@media (max-width: 1100px){.nav-links{gap:1.5rem}.nav-links a{font-size:.8rem}}@media (max-width: 900px){.nav-links{position:fixed;top:0;right:-100%;width:70%;max-width:320px;height:100vh;height:100dvh;background:var(--bg-dark);flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:right .4s ease;z-index:1000;border-left:1px solid var(--glass-border);padding:2rem 1rem;overflow-y:auto}.nav-links.active{right:0;box-shadow:-10px 0 40px #00000080}.nav-links a{font-size:.95rem;padding:.6rem 1rem;width:100%;text-align:center;border-radius:8px;transition:var(--transition-smooth)}.nav-links a:hover,.nav-links a.active{background:#00d9ff1a}.hamburger{display:block}}#hyperspeed-container{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:0}#hyperspeed-container canvas{width:100%!important;height:100%!important;display:block}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:120px 5% 80px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0e1266,#0a0e1299,#0a0e12cc);z-index:1;pointer-events:none}.hero-container{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;max-width:1400px;margin:0 auto;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:.5rem 1rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:50px;font-size:.85rem;font-weight:500;color:var(--success);margin-bottom:1.5rem}.badge-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.hero-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;line-height:1.1}.hero-subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:500;color:var(--text-muted);margin-bottom:1.5rem}.accent-text{color:var(--accent)}.hero-desc{font-size:1.1rem;max-width:550px;margin-bottom:2rem;line-height:1.8}.hero-desc strong{color:var(--primary)}.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.tech-stack{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.tech-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.code-window{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:0 25px 60px #0006;transition:var(--transition-smooth)}.code-window:hover{border-color:var(--primary);box-shadow:var(--glow-primary),0 30px 70px #00000080;transform:translateY(-5px)}.code-header{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#0006;border-bottom:1px solid var(--glass-border)}.code-title{margin-left:auto;font-size:.8rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.code-content{padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.7;color:var(--text-muted);margin:0;white-space:pre-wrap}.code-content code{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.hero .stats-grid{position:relative;z-index:2;max-width:1400px;margin:3rem auto 0;width:100%;padding:0 5%}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-desc{max-width:100%}.hero-btns,.tech-stack{justify-content:center}.hero-visual{max-width:450px;margin:0 auto}}@media (max-width: 768px){.hero{padding:110px 4% 50px;min-height:auto}.hero-btns{flex-direction:column;width:100%;max-width:280px;gap:.75rem}.hero-btns .btn{width:100%;justify-content:center;padding:.85rem 1.5rem}.code-window{display:none}.hero-badge{font-size:.75rem;padding:.4rem .9rem}.hero-desc{font-size:.95rem}.tech-stack{gap:.75rem}.tech-label{width:100%;text-align:center;margin-bottom:.5rem}#hyperspeed-container{display:none}.hero-overlay{background:linear-gradient(135deg,#00d9ff1a,#0a0e12f2,#e945601a)}}@media (max-width: 480px){.hero{padding:100px 4% 40px}.hero-title{font-size:clamp(1.8rem,8vw,2.2rem);margin-bottom:.75rem}.hero-subtitle{font-size:clamp(.9rem,4vw,1.1rem);margin-bottom:1rem}.hero-desc{font-size:.9rem;margin-bottom:1.5rem}.hero-btns{max-width:100%}.tech-stack{flex-wrap:wrap;justify-content:center}.tech-item{padding:.35rem .7rem}.tech-item svg{font-size:.9rem}.tech-item span{font-size:.7rem}.hero .stats-grid{gap:.75rem;padding:0}.stat-item{padding:.75rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}.hero .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;max-width:280px;margin:0 auto}.hero .stats-grid .stat-item{min-width:unset;max-width:unset;width:100%;padding:.6rem .5rem}}@media (max-width: 360px){.hero{padding:120px 3% 30px}.hero-title{font-size:1.6rem}.hero-badge{font-size:.65rem}.hero .stats-grid{gap:.5rem;max-width:240px}.hero .stats-grid .stat-item{padding:.5rem .4rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.55rem}}@media (max-width: 300px){.hero{padding:130px 3% 25px}.hero .stats-grid{grid-template-columns:1fr;gap:.5rem;max-width:180px}.hero .stats-grid .stat-item{padding:.6rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.6rem}}.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.6;font-weight:500;color:var(--text-muted);max-width:800px}.scroll-reveal-text .word{display:inline-block;will-change:opacity,filter}.scroll-reveal.section-intro{text-align:center;margin:0 auto 3rem}.scroll-reveal.section-intro .scroll-reveal-text{margin:0 auto;color:var(--text-muted)}.scroll-reveal.hero-tagline .scroll-reveal-text{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400}.scroll-reveal.quote .scroll-reveal-text{font-style:italic;font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--text-light)}.scroll-reveal.quote .scroll-reveal-text:before{content:'"';color:var(--primary);font-size:1.5em}.scroll-reveal.quote .scroll-reveal-text:after{content:'"';color:var(--primary);font-size:1.5em}@media (max-width: 768px){.scroll-reveal-text{font-size:clamp(1.1rem,4vw,1.6rem)}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particles-container canvas{width:100%!important;height:100%!important}.about{background:var(--bg-darker);position:relative;overflow:hidden}.about-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto;opacity:1}.about-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-content h3{font-size:1.6rem;margin-bottom:1.5rem;color:var(--text-light)}.about-content p{color:var(--text-muted);font-size:1.05rem;line-height:1.9;margin-bottom:1.5rem}.about-content strong{color:var(--primary)}.gold-text{color:gold;font-weight:600}.startup-highlight{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;margin:1.5rem 0;background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth)}.startup-highlight:hover{border-color:var(--primary);box-shadow:var(--glow-primary);transform:translateY(-3px)}.startup-logo{width:70px;height:70px;object-fit:contain;border-radius:12px;flex-shrink:0}.startup-info p{margin:0;font-size:1rem;line-height:1.7}.about-stats{display:flex;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth)}.stat-item:hover{border-color:var(--primary);box-shadow:var(--glow-primary);transform:translateY(-5px)}.stat-icon{font-size:1.6rem;color:var(--primary)}.stat-value{display:block;font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.85rem;color:var(--text-muted)}.about-visual{display:flex;flex-direction:column;gap:2rem}.profile-image-wrapper{position:relative;width:280px;height:280px;margin:0 auto;animation:popIn 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes popIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}70%{transform:scale(.95) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.profile-image-glow{position:absolute;top:-25px;right:-25px;bottom:-25px;left:-25px;background:conic-gradient(from 0deg,var(--primary),var(--accent),var(--success),var(--primary));border-radius:50%;opacity:.4;filter:blur(25px);animation:rotateGlow 6s linear infinite,pulseGlow 3s ease-in-out infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.3;filter:blur(25px)}50%{opacity:.6;filter:blur(35px)}}.profile-image-wrapper:before,.profile-image-wrapper:after{content:"";position:absolute;border-radius:50%;border:2px solid transparent;animation:ringPulse 3s ease-in-out infinite}.profile-image-wrapper:before{top:-15px;right:-15px;bottom:-15px;left:-15px;border-color:#00d9ff66;animation-delay:0s}.profile-image-wrapper:after{top:-30px;right:-30px;bottom:-30px;left:-30px;border-color:#e945604d;animation-delay:1.5s}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:1}}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--primary);position:relative;z-index:1;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 8px #00d9ff1a,0 20px 50px #0006;animation:floatImage 6s ease-in-out infinite}@keyframes floatImage{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-12px) rotate(-1deg)}}.profile-image-wrapper:hover .profile-image{transform:scale(1.1) translateY(-10px);border-color:var(--accent);box-shadow:0 0 0 12px #e9456033,var(--glow-accent),0 30px 70px #00000080;animation-play-state:paused}.profile-image-wrapper:hover .profile-image-glow{opacity:.8;filter:blur(40px)}.profile-badge{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%);z-index:2;background:var(--gradient-primary);padding:.6rem 1.5rem;border-radius:50px;font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;box-shadow:0 5px 25px #00d9ff80;animation:badgeBounce 2s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:translate(-50%) translateY(50%) scale(1)}50%{transform:translate(-50%) translateY(45%) scale(1.05)}}.code-window{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0006;transition:var(--transition-smooth)}.code-window:hover{border-color:var(--primary);box-shadow:var(--glow-primary),0 25px 60px #00000080}.code-header{display:flex;gap:8px;padding:14px 18px;background:#0006;border-bottom:1px solid var(--glass-border)}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot.red{background:#ff5f56}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#27ca40}.about-visual .code-block{margin:0;border:none;border-radius:0;font-size:.85rem;max-height:200px;overflow-y:auto;background:transparent;padding:1rem 1.25rem}.about-visual .code-block pre{margin:0;white-space:pre-wrap;word-break:break-word}.about-visual .code-block code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;line-height:1.6}.code-filename{margin-left:auto;color:var(--text-muted);font-size:.75rem;font-family:JetBrains Mono,monospace}.code-keyword{color:#569cd6;font-weight:500}.code-variable{color:#9cdcfe}.code-operator{color:#d4d4d4}.code-property{color:#9cdcfe}.code-string{color:#ce9178}.code-number{color:#b5cea8}.code-comment{color:#6a9955;font-style:italic}.code-function{color:#dcdcaa}.code-class{color:#4ec9b0}.code-constant{color:#4fc1ff}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-visual{order:-1;max-width:350px;margin:0 auto}.profile-image-wrapper{width:200px;height:200px}}@media (max-width: 768px){.about-stats{flex-direction:column;gap:.75rem}.stat-item{width:100%;padding:.75rem 1rem}.profile-image-wrapper{width:160px;height:160px}.startup-highlight{flex-direction:column;text-align:center;padding:1.25rem}.startup-logo{width:60px;height:60px}.about-content h3{font-size:1.3rem}.about-content p{font-size:.95rem}}@media (max-width: 480px){.about-visual{max-width:280px}.profile-image-wrapper{width:140px;height:140px}.profile-badge span{font-size:.7rem;padding:.3rem .8rem}.stat-item{padding:.6rem .8rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.7rem}.startup-highlight{padding:1rem;gap:1rem}.startup-logo{width:50px;height:50px}.startup-info p{font-size:.9rem}.code-window{display:none}}.skills{background:var(--bg-dark)}.skills-container{max-width:1400px;margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem}.skills-category{padding:2rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth)}.skills-category:hover{border-color:var(--primary);box-shadow:var(--glow-primary);transform:translateY(-5px)}.category-title{display:flex;align-items:center;gap:12px;font-size:1.2rem;margin-bottom:1.5rem;color:var(--text-light)}.category-icon{font-size:1.4rem;color:var(--primary)}.skills-list{display:flex;flex-direction:column;gap:.5rem}.skill{display:flex;flex-direction:column;gap:.25rem}.skill-row{display:flex;justify-content:space-between;align-items:center}.skill-name{font-weight:500;font-size:.85rem;color:var(--text-light)}.skill-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.skill-progress{height:100%;background:var(--gradient-progress);border-radius:4px;transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:var(--glow-electric);position:relative}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skills-category{padding:1.5rem}.category-title{font-size:1.1rem;margin-bottom:1rem}.skills-list{gap:.4rem}.skill-name{font-size:.8rem}.skill-percent{font-size:.75rem}.skill-bar{height:5px}}@media (max-width: 480px){.skills-grid{gap:1rem}.skills-category{padding:1rem}.category-title{font-size:1rem;margin-bottom:.75rem}.skills-list{gap:.35rem}.skill-name{font-size:.75rem}.skill-percent{font-size:.7rem}.skill-bar{height:4px}}.services{background:var(--bg-darker)}.services-container{max-width:1400px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.service-card{text-align:center;padding:2.5rem 2rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.08),transparent);transition:.6s}.service-card:hover:before{left:100%}.service-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:var(--glow-primary),0 20px 40px #0000004d}.service-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:20px;transition:var(--transition-bounce)}.service-icon svg{font-size:2.2rem;color:var(--primary);transition:var(--transition-smooth)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg);border-color:var(--primary);box-shadow:var(--glow-primary)}.service-card:hover .service-icon svg{color:var(--success)}.service-title{font-size:1.25rem;margin-bottom:1rem;color:var(--text-light)}.service-desc{color:var(--text-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.service-card .btn{padding:.6rem 1.5rem;font-size:.85rem}@media (max-width: 768px){.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.75rem 1.25rem}.service-icon{width:65px;height:65px;margin-bottom:1.25rem}.service-icon svg{font-size:1.8rem}.service-title{font-size:1.1rem}.service-desc{font-size:.9rem}.service-card .btn{width:100%}.service-card:hover{transform:translateY(-5px)}}@media (max-width: 480px){.service-card{padding:1.5rem 1rem;border-radius:16px}.service-icon{width:55px;height:55px;border-radius:14px}.service-icon svg{font-size:1.5rem}.service-title{font-size:1rem;margin-bottom:.75rem}.service-desc{font-size:.85rem;margin-bottom:1.25rem}}.portfolio{background:var(--bg-dark)}.portfolio-container{max-width:1400px;margin:0 auto}.portfolio-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.filter-btn{padding:.7rem 1.5rem;background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);border-radius:50px;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:500;transition:var(--transition-smooth)}.filter-btn:hover,.filter-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--glow-primary)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.portfolio-item{border-radius:20px;overflow:hidden;position:relative;height:300px;background:var(--bg-card);border:1px solid var(--glass-border);transition:var(--transition-smooth)}.portfolio-item:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:var(--glow-primary),0 20px 50px #0006}.portfolio-img{width:100%;height:100%;overflow:hidden}.portfolio-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.portfolio-item:hover .portfolio-img img{transform:scale(1.1)}.portfolio-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,14,18,.98),rgba(10,14,18,.5) 50%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;opacity:0;transition:opacity .4s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-light);transform:translateY(20px);transition:transform .4s ease}.portfolio-item:hover .portfolio-overlay h3{transform:translateY(0)}.portfolio-overlay p{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;transform:translateY(20px);transition:transform .4s ease .1s}.portfolio-item:hover .portfolio-overlay p{transform:translateY(0)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;transform:translateY(20px);transition:transform .4s ease .15s}.portfolio-item:hover .portfolio-tags{transform:translateY(0)}.portfolio-tag{display:inline-flex;align-items:center;gap:5px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);padding:.3rem .8rem;border-radius:50px;font-size:.7rem;color:var(--primary);transition:var(--transition-smooth)}.portfolio-tag svg{font-size:.7rem}.portfolio-tag:hover{background:var(--primary);color:var(--bg-darker);border-color:var(--primary)}.portfolio-overlay .btn{padding:.6rem 1.2rem;font-size:.8rem;width:fit-content;transform:translateY(20px);transition:transform .4s ease .2s,background .3s,box-shadow .3s}.portfolio-item:hover .portfolio-overlay .btn{transform:translateY(0)}@media (max-width: 768px){.portfolio-filter{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem}.portfolio-item{height:250px}.portfolio-overlay{opacity:1;padding:1.5rem}.portfolio-overlay h3,.portfolio-overlay p,.portfolio-tags,.portfolio-overlay .btn{transform:translateY(0)}}.achievements{background:var(--bg-darker)}.achievements-container{max-width:1400px;margin:0 auto}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.achievement-card{text-align:center;padding:2.5rem 2rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.08),transparent);transition:.6s}.achievement-card:hover:before{left:100%}.achievement-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:var(--glow-primary),0 20px 40px #0000004d}.achievement-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:50%;transition:var(--transition-bounce)}.achievement-icon svg{font-size:2.2rem;color:var(--accent);transition:var(--transition-smooth)}.achievement-card:hover .achievement-icon{transform:scale(1.15);border-color:var(--accent);box-shadow:var(--glow-accent)}.achievement-card:hover .achievement-icon svg{color:var(--primary)}.achievement-card h3{font-size:1.15rem;margin-bottom:.75rem;color:var(--text-light)}.achievement-card p{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem}.achievement-date{display:inline-block;padding:.4rem 1rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:50px;color:var(--success);font-size:.8rem;font-weight:600;font-family:JetBrains Mono,monospace}@media (max-width: 768px){.achievements-grid{grid-template-columns:1fr;gap:1.5rem}}.education{background:var(--bg-dark)}.education-container{max-width:1400px;margin:0 auto}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.column-title{font-size:1.3rem;color:var(--text-light);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--glass-border);display:inline-block}.timeline{position:relative;padding-left:50px}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--gradient-primary)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-dot{position:absolute;left:-50px;top:15px;width:18px;height:18px;border-radius:50%;background:var(--bg-dark);border:3px solid var(--primary);box-shadow:var(--glow-primary);transition:var(--transition-bounce);z-index:1}.timeline-content{padding:1.5rem}.timeline-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.timeline-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:10px;flex-shrink:0}.timeline-icon svg{font-size:1.3rem;color:var(--primary)}.timeline-info{flex:1;min-width:200px}.timeline-info h4{font-size:1rem;margin-bottom:.2rem;color:var(--text-light);line-height:1.3}.timeline-info .institution{font-size:.85rem;color:var(--accent);margin-bottom:0}.timeline-date{padding:.3rem .8rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:50px;color:var(--primary);font-size:.75rem;font-weight:600;font-family:JetBrains Mono,monospace;white-space:nowrap}.timeline-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:0}.certifications-list{display:flex;flex-direction:column;gap:1.5rem}.certification-card{padding:1.5rem;transition:var(--transition-smooth)}.certification-card:hover{border-color:var(--primary);box-shadow:var(--glow-primary)}.cert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cert-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.cert-logos{display:flex;align-items:center;gap:.5rem}.cert-icon svg{width:28px;height:28px}.cert-icon:hover{transform:scale(1.15)}.cert-date{padding:.3rem .8rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:50px;color:var(--success);font-size:.75rem;font-weight:600;font-family:JetBrains Mono,monospace}.certification-card h4{font-size:1rem;margin-bottom:.3rem;color:var(--text-light)}.cert-institution{font-size:.85rem;color:var(--primary);margin-bottom:.5rem}.cert-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.btn-sm{padding:.4rem 1rem;font-size:.75rem}@media (max-width: 1024px){.education-grid{grid-template-columns:1fr;gap:2.5rem}}@media (max-width: 768px){.timeline{padding-left:30px}.timeline:before{left:10px;width:2px}.timeline-dot{left:-32px;width:14px;height:14px}.timeline-header{flex-direction:column;gap:.5rem;align-items:flex-start}.timeline-content,.certification-card{padding:1.25rem}.column-title{font-size:1.1rem;margin-bottom:1.5rem}.cert-grid{gap:1rem}}@media (max-width: 480px){.timeline{padding-left:25px}.timeline:before{left:8px}.timeline-dot{left:-27px;width:12px;height:12px}.timeline-content,.certification-card{padding:1rem;border-radius:12px}.timeline-title{font-size:1rem}.timeline-institution,.timeline-desc{font-size:.85rem}.timeline-date{font-size:.7rem;padding:.25rem .6rem}.cert-title{font-size:.9rem}.cert-date{font-size:.7rem}.btn-sm{padding:.35rem .8rem;font-size:.7rem}}.publications{background:var(--bg-darker)}.publications-container{max-width:1200px;margin:0 auto}.publications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}.publication-card{padding:2rem;background:var(--bg-card);border:1px solid var(--glass-border);border-left:3px solid var(--accent);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth)}.publication-card:hover{border-color:var(--primary);border-left-color:var(--primary);box-shadow:var(--glow-primary),0 15px 35px #0000004d}.publication-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.publication-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#e945601a;border:1px solid rgba(233,69,96,.3);border-radius:12px;transition:var(--transition-smooth)}.publication-icon svg{font-size:1.4rem;color:var(--accent)}.publication-card:hover .publication-icon{background:var(--accent);border-color:var(--accent)}.publication-card:hover .publication-icon svg{color:#fff}.publication-date{padding:.4rem 1rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:50px;color:var(--success);font-size:.8rem;font-weight:600;font-family:JetBrains Mono,monospace}.publication-card h3{font-size:1.15rem;margin-bottom:.5rem;color:var(--text-light);line-height:1.4}.publication-journal{color:var(--accent);font-style:italic;font-size:.9rem;margin-bottom:1rem}.publication-abstract{color:var(--text-muted);font-size:.95rem;line-height:1.8;margin-bottom:1.5rem}.publication-card .btn{padding:.6rem 1.2rem;font-size:.8rem}@media (max-width: 768px){.publications-grid{grid-template-columns:1fr}}.testimonials{background:var(--bg-dark)}.testimonials-container{max-width:1400px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem}.testimonial-card{position:relative;padding:2.5rem 2rem 2rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth)}.testimonial-card:hover{border-color:var(--primary);box-shadow:var(--glow-primary),0 15px 35px #0000004d;transform:translateY(-5px)}.quote-icon{position:absolute;top:1.5rem;left:2rem;font-size:2.5rem;color:#00d9ff26}.testimonial-content{color:var(--text-muted);font-size:1rem;line-height:1.9;margin-bottom:1.5rem;font-style:italic;padding-top:1rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-img{width:55px;height:55px;border-radius:50%;overflow:hidden;border:2px solid var(--primary);transition:var(--transition-smooth)}.testimonial-card:hover .author-img{border-color:var(--accent);box-shadow:var(--glow-accent)}.author-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.testimonial-card:hover .author-img img{transform:scale(1.1)}.author-info h4{font-size:1rem;margin-bottom:.2rem;color:var(--text-light)}.author-info p{font-size:.85rem;color:var(--primary);margin-bottom:0}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:2rem 1.5rem 1.5rem}.quote-icon{font-size:2rem;left:1.5rem}}.downloads{background:var(--bg-darker)}.downloads-container{max-width:1200px;margin:0 auto}.app-download-card{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;margin-bottom:3rem;padding:2.5rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth)}.app-download-card:hover{border-color:var(--primary);box-shadow:var(--glow-primary),0 20px 50px #0006}.app-preview{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:16px}.app-window{width:100%;max-width:280px;background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #00000080}.window-controls{display:flex;gap:8px;padding:12px 16px;background:#0006;border-bottom:1px solid var(--glass-border)}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27ca40}.app-content{padding:3rem 1.5rem;text-align:center}.app-icon{font-size:4rem;color:var(--primary);margin-bottom:1rem}.app-content h3{font-size:1.3rem;color:var(--text-light)}.app-info h3{font-size:1.4rem;margin-bottom:.75rem;color:var(--text-light)}.app-info>p{color:var(--text-muted);margin-bottom:1.5rem}.feature-list{list-style:none;padding:0;margin-bottom:1.5rem}.feature-list li{display:flex;align-items:flex-start;gap:10px;color:var(--text-muted);margin-bottom:.75rem;font-size:.95rem}.feature-list li svg{color:var(--success);flex-shrink:0;margin-top:3px}.download-meta{background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem}.download-meta p{margin-bottom:.3rem;font-size:.9rem;color:var(--text-muted)}.download-meta strong{color:var(--text-light)}.download-note{font-size:.8rem;color:var(--text-muted);margin-top:1rem}.app-carousel{padding:2.5rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.carousel-content{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;margin-bottom:2rem}.carousel-preview .app-content.plant{background:var(--gradient-card)}.plant-icon{color:var(--success)!important}.carousel-info h3{font-size:1.3rem;margin-bottom:.75rem;color:var(--text-light)}.carousel-info>p{margin-bottom:1rem}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem}.carousel-btn{width:48px;height:48px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--glass-border);color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.carousel-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--bg-darker);transform:scale(1.1);box-shadow:var(--glow-primary)}.carousel-indicators{display:flex;gap:10px}.indicator{width:10px;height:10px;border-radius:50%;background:#fff3;cursor:pointer;transition:var(--transition-smooth)}.indicator.active{background:var(--primary);box-shadow:var(--glow-primary)}.download-section{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.download-section .download-meta{flex:1;margin-bottom:0}@media (max-width: 992px){.app-download-card,.carousel-content{grid-template-columns:1fr;gap:2rem}.app-preview,.carousel-preview{max-width:300px;margin:0 auto}}@media (max-width: 600px){.download-section{flex-direction:column;text-align:center}.download-section .btn{width:100%;max-width:280px}.app-download-card,.app-carousel{padding:1.5rem}}.contact{background:var(--bg-dark);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,217,255,.08),transparent 70%);transform:translate(-50%,-50%);pointer-events:none}.contact-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem}.contact-info h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-light)}.contact-info>p{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.05rem}.contact-details{margin-bottom:2.5rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;transition:transform .3s ease}.contact-item:hover{transform:translate(5px)}.contact-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:12px;flex-shrink:0;transition:var(--transition-smooth)}.contact-icon svg{font-size:1.2rem;color:var(--primary)}.contact-item:hover .contact-icon{background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.contact-item:hover .contact-icon svg{color:var(--bg-darker)}.contact-text h4{font-size:1rem;margin-bottom:.2rem;color:var(--text-light)}.contact-text p,.contact-text a{color:var(--text-muted);font-size:.95rem}.social-links{display:flex;gap:1rem}.social-link{width:50px;height:50px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;transition:var(--transition-bounce)}.social-link svg{font-size:1.2rem;color:var(--text-muted)}.social-link:hover{background:var(--gradient-primary);border-color:transparent;transform:translateY(-5px) scale(1.1);box-shadow:var(--glow-primary)}.social-link:hover svg{color:#fff}.contact-form{padding:2.5rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth)}.contact-form:hover{border-color:var(--primary);box-shadow:var(--glow-primary),0 20px 50px #0000004d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.95rem;color:var(--text-light)}.form-control{width:100%;padding:1rem 1.2rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-light);font-size:.95rem;font-family:Inter,sans-serif;transition:var(--transition-smooth)}.form-control::placeholder{color:var(--text-muted);opacity:.6}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00d9ff26,inset 0 0 10px #00d9ff0d;background:#ffffff14}textarea.form-control{min-height:140px;resize:vertical}.submit-btn{width:100%;padding:1rem 2rem}@media (max-width: 992px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}.contact-info{text-align:center}.contact-item{justify-content:center}}@media (max-width: 768px){.contact-form{padding:1.75rem}.contact-info h3{font-size:1.3rem}.contact-info>p{font-size:.95rem;margin-bottom:2rem}.contact-item{gap:.75rem}.contact-icon{width:45px;height:45px}.social-links{justify-content:center}.social-link{width:45px;height:45px}}@media (max-width: 480px){.contact:before{width:300px;height:300px}.contact-form{padding:1.25rem;border-radius:16px}.contact-info h3{font-size:1.15rem}.contact-info>p{font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.85rem}.form-control{padding:.85rem 1rem;font-size:.9rem;border-radius:10px}textarea.form-control{min-height:120px}.submit-btn{padding:.9rem 1.5rem}.contact-icon{width:40px;height:40px}.contact-icon svg{font-size:1rem}.social-link{width:40px;height:40px}.social-link svg{font-size:1rem}}.submit-btn.loading{opacity:.8;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-control:disabled{opacity:.6;cursor:not-allowed}.form-message{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:12px;margin-top:1.25rem;animation:slideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message svg{font-size:1.5rem;flex-shrink:0}.form-message strong{display:block;font-size:.95rem;margin-bottom:.2rem}.form-message p{font-size:.85rem;opacity:.9;margin:0}.form-message.success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:var(--success)}.form-message.success svg{color:var(--success)}.form-message.error{background:#e945601a;border:1px solid rgba(233,69,96,.3);color:var(--accent)}.form-message.error svg{color:var(--accent)}@media (max-width: 480px){.form-message{padding:.85rem 1rem;gap:.75rem}.form-message svg{font-size:1.25rem}.form-message strong{font-size:.85rem}.form-message p{font-size:.75rem}}.footer{background:var(--bg-darker);padding:4rem 5% 2rem;text-align:center;border-top:1px solid var(--glass-border);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.footer-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(0,217,255,.1),transparent 70%);pointer-events:none}.footer-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.footer-logo{display:inline-block;font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;color:var(--text-light);margin-bottom:2rem;transition:var(--transition-smooth)}.footer-logo:after{display:none}.footer-logo:hover{transform:scale(1.02)}.footer-logo span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.footer-links a{color:var(--text-muted);font-size:.95rem;font-weight:500;transition:var(--transition-smooth)}.footer-links a:hover{color:var(--primary);transform:translateY(-2px)}.footer-social{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2.5rem}.social-icon{position:relative;width:55px;height:55px;border-radius:50%;background:var(--bg-glass);border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.social-icon svg{font-size:1.4rem;color:var(--text-muted);transition:all .3s ease}.social-icon .tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%) translateY(10px);background:var(--brand-color);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:capitalize;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 20px #0000004d}.social-icon .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--brand-color)}.social-icon:hover{transform:translateY(-10px) scale(1.15);background:var(--brand-color);border-color:var(--brand-color);box-shadow:0 15px 35px #0000004d,0 0 30px color-mix(in srgb,var(--brand-color) 50%,transparent)}.social-icon:hover svg{color:#fff;transform:scale(1.1)}.social-icon:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.social-icon.linkedin:hover{background:#0a66c2;border-color:#0a66c2}.social-icon.github:hover{background:#333;border-color:#333}.social-icon.twitter:hover{background:#000;border-color:#000}.social-icon.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743}.social-icon:active{transform:translateY(-5px) scale(1.05)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:var(--text-muted);font-size:.9rem}.footer-credit{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:5px}.heart{color:var(--accent);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)}}@media (max-width: 768px){.footer-links{flex-direction:column;gap:1rem}.footer-social{gap:1rem}.social-icon{width:50px;height:50px}.footer-bottom{flex-direction:column;text-align:center}}:root{--primary: #00d9ff;--primary-bright: #7df9ff;--secondary: #0f1419;--accent: #e94560;--accent-bright: #ff6b8a;--success: #00ff88;--electric: #7df9ff;--shock: #00ffff;--bg-dark: #0a0e12;--bg-darker: #060809;--bg-card: rgba(15, 20, 25, .9);--bg-glass: rgba(0, 217, 255, .05);--text-light: #f0f0f0;--text-muted: #a0a0a0;--text-dark: #1a1a1a;--glow-primary: 0 0 20px rgba(0, 217, 255, .5);--glow-primary-strong: 0 0 40px rgba(0, 217, 255, .7);--glow-electric: 0 0 30px rgba(125, 249, 255, .6);--glow-accent: 0 0 20px rgba(233, 69, 96, .5);--glow-success: 0 0 20px rgba(0, 255, 136, .5);--glass-border: rgba(0, 217, 255, .2);--gradient-primary: linear-gradient(135deg, #00d9ff, #7df9ff);--gradient-accent: linear-gradient(135deg, #e94560, #ff6b8a);--gradient-electric: linear-gradient(135deg, #00ffff, #7df9ff, #00d9ff);--gradient-shock: linear-gradient(90deg, #00d9ff, #7df9ff, #00ffff);--gradient-cyber: linear-gradient(135deg, #00d9ff, #00ff88);--gradient-dark: linear-gradient(180deg, var(--bg-dark), var(--bg-darker));--gradient-card: linear-gradient(145deg, rgba(0, 217, 255, .08), rgba(125, 249, 255, .03));--gradient-progress: linear-gradient(90deg, #00d9ff, #7df9ff, #00ff88);--transition-smooth: all .4s cubic-bezier(.25, .8, .25, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;font-size:clamp(14px,1vw + .5rem,18px)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-darker);color:var(--text-light);line-height:1.7;overflow-x:hidden;min-height:100vh;min-height:100dvh;max-width:100vw}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(0,217,255,.08) 0%,transparent 25%),radial-gradient(circle at 80% 80%,rgba(233,69,96,.06) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(0,255,136,.03) 0%,transparent 35%);z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;pointer-events:none;animation:gridMove 60s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}::selection{background:var(--primary);color:var(--bg-darker)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(1.8rem,4vw,2.8rem)}h3{font-size:clamp(1.3rem,3vw,1.8rem)}h4{font-size:clamp(1.1rem,2vw,1.4rem)}p{font-size:clamp(.95rem,1.2vw,1.05rem);color:var(--text-muted);margin-bottom:1rem}a{text-decoration:none;color:var(--primary);transition:var(--transition-smooth)}a:hover{color:var(--accent);text-shadow:var(--glow-accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}section{padding:8rem 5%;position:relative;overflow:hidden}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1.2rem;background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:50px;font-size:.8rem;font-weight:600;color:var(--primary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-tag:before{content:"";width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.section-title{margin-bottom:1rem;color:var(--text-light)}.section-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.gradient-text{background:linear-gradient(90deg,#00d9ff,#0f8,#7df9ff,#e94560,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s linear infinite;background-size:300% 100%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glow-text{text-shadow:var(--glow-electric);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{text-shadow:0 0 20px rgba(0,217,255,.4)}50%{text-shadow:0 0 40px rgba(0,217,255,.8),0 0 60px rgba(0,217,255,.4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:var(--transition-bounce);position:relative;overflow:hidden;font-family:Space Grotesk,sans-serif;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-shock);color:var(--bg-darker);box-shadow:var(--glow-electric);font-weight:600}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--glow-primary-strong),0 10px 30px #7df9ff4d}.btn-primary:active{transform:translateY(-2px) scale(.98)}.btn-outline{background:transparent;color:var(--electric);border:2px solid var(--electric)}.btn-outline:hover{background:var(--electric);color:var(--bg-darker);transform:translateY(-4px);box-shadow:var(--glow-electric)}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--glow-accent)}.btn-accent:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 40px #e9456099}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.1),transparent);transition:.6s}.card:hover:before{left:100%}.card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:var(--glow-primary),0 20px 40px #0000004d}.glass-card{background:#0f141999;border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth)}.glass-card:hover{background:#0f1419cc;border-color:var(--primary);box-shadow:var(--glow-primary)}.tech-item{display:inline-flex;align-items:center;gap:8px;padding:.6rem 1.2rem;background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-bounce)}.tech-item:hover{border-color:var(--primary);transform:translateY(-5px) scale(1.05);box-shadow:var(--glow-primary)}.tech-item svg{font-size:1.2rem;color:var(--primary);transition:var(--transition-smooth)}.tech-item:hover svg{transform:rotate(15deg) scale(1.2);color:var(--success)}.tech-item span{font-weight:600;font-size:.85rem;color:var(--text-light)}.chip{display:inline-block;padding:.35rem .9rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:50px;font-size:.75rem;font-weight:600;color:var(--primary);transition:var(--transition-smooth)}.chip:hover{background:var(--primary);color:var(--bg-darker);border-color:var(--primary)}.code-block{background:var(--bg-dark);border-radius:16px;padding:1.5rem;margin:2rem 0;overflow-x:auto;border:1px solid var(--glass-border);font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.7}.code-block .keyword{color:var(--accent)}.code-block .function{color:var(--primary)}.code-block .string{color:var(--success)}.code-block .comment{color:var(--text-muted);font-style:italic}.code-block .variable{color:#fbbf24}.skill{display:grid;grid-template-columns:120px 1fr 50px;align-items:center;gap:15px;margin-bottom:1rem}.skill-name{font-weight:500;font-size:.9rem;color:var(--text-light)}.skill-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.skill-progress{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:var(--glow-primary);position:relative}.skill-progress:after{content:"";position:absolute;top:0;right:0;width:10px;height:100%;background:#fff;border-radius:50%;animation:skillPulse 1.5s ease-in-out infinite}@keyframes skillPulse{0%,to{opacity:.8}50%{opacity:.3}}.skill-percent{text-align:right;color:var(--primary);font-weight:700;font-family:JetBrains Mono,monospace;font-size:.85rem}.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:60px}.timeline:before{content:"";position:absolute;left:25px;top:0;bottom:0;width:2px;background:var(--gradient-primary)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-dot{position:absolute;left:-60px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--bg-dark);border:3px solid var(--primary);box-shadow:var(--glow-primary);transition:var(--transition-bounce);z-index:1}.timeline-item:hover .timeline-dot{transform:scale(1.3);background:var(--primary)}@keyframes float-in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.6}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation:float-in 1s ease-out forwards}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-right.active{opacity:1;transform:translate(0)}.floating{animation:float 6s ease-in-out infinite}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.stat-item{text-align:center;padding:1.5rem;background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth)}.stat-item:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--glow-primary)}.stat-value{font-size:2.5rem;font-weight:800;font-family:Space Grotesk,sans-serif;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;color:var(--text-muted);margin-top:.5rem}@media (max-width: 1024px){section{padding:6rem 4%}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){section{padding:4rem 4%}.section-header{margin-bottom:2.5rem}.section-tag{font-size:.7rem;padding:.4rem 1rem;letter-spacing:1.5px}.btn{padding:.85rem 1.5rem;font-size:.85rem;width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-value{font-size:1.8rem}.card{max-width:100%;overflow:hidden}.reveal,.reveal-left,.reveal-right{transition-duration:.4s}.electric-border{--eb-border-width: 1px}.eb-background-glow{opacity:.15;filter:blur(20px)}}@media (max-width: 480px){html{font-size:clamp(13px,1vw + .4rem,16px)}section{padding:3rem 4%}.section-header{margin-bottom:2rem}.card{padding:1.25rem;border-radius:12px}.timeline{padding-left:35px}.timeline:before{left:12px;width:2px}.timeline-dot{left:-38px;width:16px;height:16px}.skill{grid-template-columns:1fr;gap:.5rem}.skill-bar{height:6px}.skill-name,.skill-percent{font-size:.8rem}.skills-grid{gap:1.5rem}.hero-btns{flex-direction:column;gap:.75rem}.glow-text{text-shadow:none;animation:none}.eb-glow-1,.eb-glow-2,.eb-background-glow{opacity:.1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (max-width: 360px){section{padding:2.5rem 3%}.card{padding:1rem}.btn{padding:.75rem 1rem;font-size:.8rem}.section-tag{font-size:.65rem;padding:.35rem .8rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.2s!important;scroll-behavior:auto!important}.eb-stroke,.eb-glow-1,.eb-glow-2,.eb-background-glow{filter:none!important}}@supports (-webkit-touch-callout: none){html{scroll-behavior:auto}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}