.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.loading-screen.active{opacity:1}.loading-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.3}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.loading-content{position:relative;z-index:2;max-width:600px;width:90%;animation:fadeInUp .8s ease}.hacker-text{text-align:center;margin-bottom:3rem}.cyber-title{display:block;font-family:Courier New,monospace;font-size:2rem;color:#0f0;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00;margin-bottom:.5rem;animation:blink 1.5s infinite;font-weight:700;letter-spacing:3px}.cyber-subtitle{display:block;font-family:Courier New,monospace;font-size:.9rem;color:#0f8;text-transform:uppercase;letter-spacing:2px;opacity:.8}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.loading-terminal{background:#001400e6;border:2px solid #00ff00;border-radius:8px;padding:0;margin-bottom:2rem;box-shadow:0 0 30px #00ff004d,inset 0 0 30px #00ff001a;overflow:hidden}.terminal-header{background:#00ff001a;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(0,255,0,.3)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{margin-left:auto;color:#0f0;font-size:.85rem;font-family:Courier New,monospace}.terminal-body{padding:1.5rem;font-family:Courier New,monospace;min-height:150px}.terminal-line{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.terminal-prompt{color:#0f0;font-weight:700}.terminal-command{color:#fff}.terminal-output{color:#0f8;animation:typewriter .5s ease}.terminal-progress{color:#0f0;font-family:monospace;letter-spacing:2px}.terminal-percent{color:#0f8;margin-left:1rem;font-weight:700}.progress-bar-container{position:relative;width:100%;height:6px;background:#00ff001a;border-radius:3px;overflow:hidden;margin-bottom:2rem}.progress-bar{height:100%;background:linear-gradient(90deg,#0f0,#0f8);border-radius:3px;transition:width .1s linear;box-shadow:0 0 10px #00ff0080}.progress-glow{position:absolute;top:0;width:20px;height:100%;background:#ffffff80;box-shadow:0 0 20px #fffc;transition:left .1s linear;border-radius:3px}.loading-stats{display:flex;justify-content:space-around;gap:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,255,0,.2)}.stat-item{display:flex;flex-direction:column;gap:.5rem;text-align:center}.stat-label{color:#0f8;font-size:.85rem;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.stat-value{color:#0f0;font-size:1.1rem;font-weight:700;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,0,.5)}@media (max-width: 768px){.cyber-title{font-size:1.5rem}.cyber-subtitle{font-size:.75rem}.terminal-body{padding:1rem;min-height:120px}.loading-stats{flex-direction:column;gap:1rem}}.portfolio-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f0f0fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,107,53,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio-nav.scrolled{background:#0f0f0ff2;box-shadow:0 8px 32px #0006;border-bottom-color:#ff6b3566}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;position:relative}.nav-avatar{width:40px;height:40px;border-radius:50%;background-color:#444;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.avatar-initials{font-weight:700;color:#fff;display:none}.nav-logo[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:-28px;background:#333;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:4px;white-space:nowrap}.nav-wrapper{max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .3s ease}.logo-text{background:linear-gradient(135deg,#ff6b35,#4ecdc4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.logo-dot{width:8px;height:8px;background:#ff6b35;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 10px #ff6b3580}.nav-links{display:flex;list-style:none;gap:.5rem;align-items:center;margin:0;padding:0}.nav-links a{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:var(--text-secondary);font-weight:500;font-size:.95rem;text-decoration:none;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);transition:left .5s ease}.nav-links a:hover:before{left:100%}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:#ff6b351a;transform:translateY(-2px)}.nav-number{font-size:.75rem;color:#ff6b35;font-weight:700;opacity:.7}.nav-links a.active .nav-number{opacity:1}.nav-text{position:relative}.resume-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff6b35,#4ecdc4);background-size:200% 200%;color:var(--bg-primary);font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:gradient-shift 3s ease infinite;box-shadow:0 4px 15px #ff6b354d}.resume-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3580}.nav-toggle{display:none;background:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;border:none;transition:color .3s ease}.nav-toggle:hover{color:#ff6b35}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu{position:fixed;top:70px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid rgba(255,107,53,.3);padding:2rem;transform:translateY(-20px);transition:transform .3s ease;max-height:calc(100vh - 70px);overflow-y:auto}.mobile-nav-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.mobile-nav-links a,.mobile-resume-btn{display:block;color:var(--text-secondary);font-weight:500;font-size:1.1rem;padding:1rem;border-radius:8px;transition:all .3s ease;text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem}.mobile-nav-links a:hover,.mobile-nav-links a.active,.mobile-resume-btn:hover{color:var(--text-primary);background:#ff6b351a}.mobile-resume-btn{background:linear-gradient(135deg,#ff6b35,#4ecdc4);color:var(--bg-primary);font-weight:600;margin-top:1rem}@media (max-width: 968px){.nav-links,.resume-btn span{display:none}.nav-toggle{display:block}}@media (min-width: 969px){.mobile-overlay{display:none!important}}.portfolio-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:120px 2rem 80px;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#FF6B35 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#4ECDC4 0%,transparent 70%);bottom:-150px;right:-150px;animation-delay:-7s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,#FF6B35 0%,transparent 70%);top:50%;right:10%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{position:relative;z-index:2;max-width:900px;width:100%;text-align:center;animation:fadeInUp 1s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-greeting{font-size:1.25rem;color:var(--text-secondary);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.wave{font-size:1.5rem;animation:wave 2s ease-in-out infinite;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.hero-name{font-size:clamp(3rem,10vw,6rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1;display:flex;flex-direction:column;gap:.5rem}.name-first,.name-last{background:linear-gradient(135deg,#ff6b35,#4ecdc4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;display:inline-block}.name-last{animation-delay:.5s}.hero-title{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text-primary);margin-bottom:2rem;min-height:3rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.title-prefix{color:var(--text-secondary);font-weight:400}.title-typewriter{color:#ff6b35;font-weight:700;position:relative}.typewriter-cursor{display:inline-block;margin-left:.2em;color:#ff6b35;animation:blink 1s infinite;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;max-width:700px;margin:0 auto 2.5rem}.hero-social{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2.5rem}.social-link{width:50px;height:50px;border-radius:50%;background:#ff6b351a;border:2px solid rgba(255,107,53,.3);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.social-link:hover{background:#ff6b3533;border-color:#ff6b35;transform:translateY(-5px) scale(1.1);box-shadow:0 10px 30px #ff6b354d}.hero-cta{margin-bottom:4rem}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#ff6b35,#4ecdc4);background-size:200% 200%;color:var(--bg-primary);font-weight:700;font-size:1.1rem;border-radius:50px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:gradient-shift 3s ease infinite;box-shadow:0 8px 30px #ff6b3566}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #ff6b3599}.hero-scroll{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted);font-size:.9rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.scroll-indicator{width:2px;height:40px;background:linear-gradient(180deg,#FF6B35,transparent);position:relative;border-radius:2px}.scroll-line{width:100%;height:20px;background:#ff6b35;border-radius:2px;animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@media (max-width: 768px){.portfolio-hero{padding:100px 1.5rem 60px}.hero-name{font-size:3rem}.hero-title{font-size:1.5rem;min-height:2.5rem}.hero-description{font-size:1rem}}.portfolio-about{padding:120px 2rem;position:relative;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.portfolio-about.visible{opacity:1;transform:translateY(0)}.about-container{max-width:1200px;margin:0 auto}.section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:4rem;transition:all .3s ease}.section-header:hover{transform:translate(5px)}.section-header:hover .section-number{color:#ff6b3599;transform:scale(1.1)}.section-number{font-size:1.5rem;font-weight:700;color:#ff6b354d;font-family:Courier New,monospace;transition:all .3s ease}.section-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:var(--text-primary);line-height:1.2}.section-title .highlight{background:linear-gradient(135deg,#ff6b35,#4ecdc4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;transition:all .3s ease;display:inline-block}.section-header:hover .section-title .highlight{transform:scale(1.05);filter:brightness(1.2)}.portfolio-about .about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;width:100%}@media (min-width: 969px){.portfolio-about .about-content{grid-template-columns:1fr 1fr!important;display:grid!important}}.portfolio-about .about-text{display:flex;flex-direction:column;gap:1.5rem;width:100%;grid-column:1}.portfolio-about .about-right-side{display:flex;flex-direction:column;gap:2rem;width:100%;grid-column:2}.portfolio-about .about-intro,.portfolio-about .about-text p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);padding:1rem;border-radius:12px;cursor:default}.portfolio-about .about-intro{font-size:1.2rem;color:var(--text-primary)}.portfolio-about .about-intro:hover,.portfolio-about .about-text p:hover{color:var(--text-primary);background:#ff6b350d;transform:translate(5px);box-shadow:0 4px 12px #ff6b351a}.portfolio-about .about-text strong{color:#ff6b35;font-weight:600;transition:all .3s ease;position:relative;padding:0 2px}.portfolio-about .about-text strong:hover{color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.5);transform:scale(1.05)}.portfolio-about .about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:0}.portfolio-about .stat-card{background:#ff6b350d;border:1px solid rgba(255,107,53,.2);border-radius:16px;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.portfolio-about .stat-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ff6b351a;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.portfolio-about .stat-card:hover:before{width:300px;height:300px}.portfolio-about .stat-card:hover{transform:translateY(-8px) scale(1.02);border-color:#ff6b35;background:#ff6b3526;box-shadow:0 15px 40px #ff6b354d}.portfolio-about .stat-card:active{transform:translateY(-3px) scale(.98)}.portfolio-about .stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#ff6b35,#4ecdc4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;margin-bottom:.5rem;transition:transform .3s ease;position:relative;z-index:1}.portfolio-about .stat-card:hover .stat-number{transform:scale(1.15) rotate(5deg)}.portfolio-about .stat-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;transition:color .3s ease;position:relative;z-index:1}.portfolio-about .stat-card:hover .stat-label{color:var(--text-primary)}.portfolio-about .about-image{position:relative}.portfolio-about .image-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#ff6b351a,#4ecdc41a);border-radius:20px;border:2px solid rgba(255,107,53,.3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.portfolio-about .profile-image{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2;position:relative}.portfolio-about .image-placeholder:hover{transform:scale(1.05) rotate(2deg);border-color:#ff6b35;box-shadow:0 20px 60px #ff6b354d;background:linear-gradient(135deg,#ff6b3526,#4ecdc426)}.portfolio-about .image-placeholder:hover .profile-image{transform:scale(1.1);filter:brightness(1.1) contrast(1.05)}.portfolio-about .image-placeholder:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,107,53,.1),transparent);animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-about .placeholder-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1rem}.portfolio-about .placeholder-icon{font-size:4rem;animation:bounce 2s ease-in-out infinite;transition:transform .3s ease;display:inline-block}.portfolio-about .image-placeholder:hover .placeholder-icon{transform:scale(1.2) rotate(10deg);animation-duration:1s}.portfolio-about .placeholder-text{font-size:1.1rem;color:var(--text-primary);font-weight:600;transition:all .3s ease}.portfolio-about .image-placeholder:hover .placeholder-text{color:#ff6b35;transform:translateY(-3px);text-shadow:0 0 10px rgba(255,107,53,.5)}@media (max-width: 968px){.portfolio-about{padding:80px 1.5rem}.portfolio-about .about-content{grid-template-columns:1fr!important;gap:3rem}.portfolio-about .about-text{grid-column:1!important}.portfolio-about .about-right-side{grid-column:1!important;gap:2rem}.portfolio-about .about-stats{grid-template-columns:repeat(3,1fr)}.section-header{margin-bottom:3rem}}@media (max-width: 640px){.portfolio-about .about-stats{grid-template-columns:1fr}}.portfolio-experience{padding:120px 2rem;background:var(--bg-secondary);position:relative}.experience-container{max-width:1200px;margin:0 auto}.experience-timeline{position:relative;padding-left:3rem}.experience-timeline:before{content:"";position:absolute;left:1.5rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ff6b35,#4ecdc4)}.timeline-item{position:relative;margin-bottom:4rem;opacity:0;transform:translate(-30px);animation:slideInLeft .6s ease forwards}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.timeline-marker{position:absolute;left:-2.5rem;top:0;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#4ecdc4);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-size:1.2rem;box-shadow:0 4px 20px #ff6b3566;z-index:2}.timeline-content{background:var(--bg-card);border:1px solid rgba(255,107,53,.2);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-content:hover{border-color:#ff6b35;transform:translate(10px);box-shadow:0 10px 40px #ff6b3533}.exp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.exp-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.exp-type{background:linear-gradient(135deg,#ff6b35,#4ecdc4);color:var(--bg-primary);padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.exp-company{font-size:1.1rem;color:#ff6b35;font-weight:600;margin-bottom:1rem}.exp-meta{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap;color:var(--text-muted);font-size:.9rem}.exp-meta span{display:flex;align-items:center;gap:.5rem}.exp-meta svg{color:#4ecdc4}.exp-achievements{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.exp-achievements li{position:relative;padding-left:1.5rem;color:var(--text-secondary);line-height:1.8}.exp-achievements li:before{content:"▸";position:absolute;left:0;color:#ff6b35;font-weight:700}@media (max-width: 768px){.portfolio-experience{padding:80px 1.5rem}.experience-timeline{padding-left:2rem}.timeline-marker{left:-1.75rem;width:40px;height:40px;font-size:1rem}.timeline-content{padding:1.5rem}}.portfolio-projects{padding:120px 2rem;position:relative}.projects-container{max-width:1200px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:var(--bg-card);border:1px solid rgba(255,107,53,.2);border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);transition:left .5s ease}.project-card:hover:before{left:100%}.project-card:hover{border-color:#ff6b35;transform:translateY(-10px);box-shadow:0 20px 60px #ff6b354d}.project-card.featured{border-color:#ff6b35;background:linear-gradient(135deg,#ff6b350d,#4ecdc40d)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.project-badge{display:inline-block;background:linear-gradient(135deg,#ff6b35,#4ecdc4);color:var(--bg-primary);padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.project-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.project-description{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-size:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tech-tag{background:#ff6b351a;color:#ff6b35;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,107,53,.3);transition:all .3s ease}.tech-tag:hover{background:#ff6b3533;transform:scale(1.05)}.project-links{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,107,53,.2)}.project-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:600;transition:all .3s ease;text-decoration:none}.project-link:hover{color:#ff6b35;transform:translate(5px)}@media (max-width: 768px){.portfolio-projects{padding:80px 1.5rem}.projects-grid{grid-template-columns:1fr}.project-card{padding:2rem}}.portfolio-skills{padding:120px 2rem;background:var(--bg-secondary);position:relative}.skills-container{max-width:1200px;margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.skill-category-card{background:var(--bg-card);border:1px solid rgba(255,107,53,.2);border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.skill-category-card:hover{border-color:var(--skill-color, #FF6B35);transform:translateY(-10px);box-shadow:0 20px 60px #ff6b3533}.category-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem}.skill-item{background:#ff6b351a;color:var(--text-primary);padding:.75rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:600;border:2px solid rgba(255,107,53,.2);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8);animation:scaleIn .4s ease forwards}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.skill-item:hover{background:var(--skill-color, #FF6B35);border-color:var(--skill-color, #FF6B35);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #ff6b354d}@media (max-width: 768px){.portfolio-skills{padding:80px 1.5rem}.skills-grid{grid-template-columns:1fr}}.portfolio-footer{background:var(--bg-primary);border-top:1px solid rgba(255,107,53,.2);padding:4rem 2rem 2rem;position:relative}.footer-container{max-width:1200px;margin:0 auto}.footer-content{text-align:center;margin-bottom:3rem}.footer-text h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,#ff6b35,#4ecdc4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.footer-text p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.footer-social{display:flex;justify-content:center;gap:1.5rem}.social-icon{width:50px;height:50px;border-radius:50%;background:#ff6b351a;border:2px solid rgba(255,107,53,.3);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.social-icon:hover{background:#ff6b3533;border-color:#ff6b35;transform:translateY(-5px) scale(1.1);box-shadow:0 10px 30px #ff6b354d}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,107,53,.2);color:var(--text-muted);font-size:.9rem}.footer-bottom p{margin-bottom:.5rem}.footer-bottom strong{color:#ff6b35;font-weight:700}.heart{color:#ff6b35;animation:pulse 2s ease-in-out infinite;margin:0 .25rem}.copyright{font-size:.85rem;opacity:.7}.portfolio-container{position:relative;min-height:100vh;background:var(--bg-primary);overflow-x:hidden}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.1) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:1;transition:all .1s ease;mix-blend-mode:screen}section{position:relative;z-index:2}.portfolio-volunteering{padding:4rem 2rem;opacity:0;transform:translateY(20px);transition:all .6s ease-in-out}.portfolio-volunteering.visible{opacity:1;transform:translateY(0)}.volunteering-container{max-width:1200px;margin:0 auto}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.section-number{font-weight:700;color:#888;font-size:1.2rem}.section-title{font-size:2rem}.highlight{color:#007bff}.volunteering-intro{margin-bottom:2rem;max-width:1200px;line-height:1.6;font-size:1rem}.volunteering-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.gallery-item img{width:100%;height:250px;object-fit:cover;border-radius:10px;transition:transform .3s ease}.gallery-item img:hover{transform:scale(1.05)}@media (max-width: 768px){.portfolio-volunteering{padding:3rem 1.5rem}.section-title{font-size:1.75rem}.volunteering-intro{font-size:.95rem}.gallery-item img{height:150px}}@media (max-width: 480px){.portfolio-volunteering{padding:2rem 1rem}.section-number{font-size:1rem}.section-title{font-size:1.5rem}.volunteering-intro{font-size:.9rem}.gallery-item img{height:120px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f0f0fe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:all .3s ease}.navbar.scrolled{background:#0f0f0ff2;box-shadow:0 4px 20px #00000080}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.nav-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.nav-logo-initials{font-weight:700;display:none}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo-section{display:flex;align-items:center;gap:1rem}.back-to-portfolio-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:8px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .3s ease;padding:0}.back-to-portfolio-btn:hover{background:#ff6b3533;border-color:var(--accent-primary);transform:translate(-3px)}.nav-logo{font-size:1.5rem;font-weight:700;background:var(--accent-gradient);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;transition:transform .3s ease;text-decoration:none}.nav-logo:hover{transform:scale(1.1)}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center;margin:0;padding:0}.nav-menu a{color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:color .3s ease;position:relative;padding:.5rem 0}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.nav-menu a:hover,.nav-menu a.active{color:var(--accent-primary)}.nav-menu a.active:after,.nav-menu a:hover:after{width:100%}.nav-toggle{display:none;background:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;transition:color .3s ease}.nav-toggle:hover{color:var(--accent-primary)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:70px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:2rem;transform:translateY(-20px);transition:transform .3s ease;max-height:calc(100vh - 70px);overflow-y:auto}.mobile-overlay.active .mobile-menu{transform:translateY(0)}.mobile-nav-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.mobile-nav-menu a{color:var(--text-secondary);font-weight:500;font-size:1.1rem;padding:.75rem 0;display:block;border-bottom:1px solid var(--border-color);transition:color .3s ease}.mobile-nav-menu a:hover,.mobile-nav-menu a.active{color:var(--accent-primary)}.mobile-back-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:8px;color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem;text-align:center}.mobile-back-btn:hover{background:#ff6b3533;border-color:var(--accent-primary);transform:translate(-3px)}@media (max-width: 768px){.nav-container{padding:1rem}.nav-menu{display:none}.nav-toggle{display:block;font-size:1.4rem}.mobile-menu{top:65px;padding:1.5rem}.mobile-nav-menu{gap:.875rem}.mobile-nav-menu a{font-size:1rem;padding:.65rem 0}.mobile-back-btn{font-size:.95rem;padding:.65rem .875rem;margin-bottom:.875rem}}@media (max-width: 480px){.nav-container{padding:.75rem}.nav-logo-section{gap:.5rem}.back-to-portfolio-btn{width:32px;height:32px;font-size:.9rem}.nav-logo{font-size:1.25rem}.nav-toggle{font-size:1.3rem}.mobile-menu{top:60px;padding:1.25rem}.mobile-nav-menu a{font-size:.95rem;padding:.6rem 0}.mobile-back-btn{font-size:.9rem;padding:.6rem .75rem;margin-bottom:.75rem}}@media (min-width: 769px){.mobile-overlay{display:none!important}}.profile{animation:fadeIn .6s ease-out}.profile-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.profile-avatar{margin-bottom:1rem}.avatar-circle{width:80px;height:80px;border-radius:50%;background-color:#444;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#fff;overflow:hidden;cursor:pointer;position:relative}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-circle span{position:absolute}.avatar-circle[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:-30px;background:#333;color:#fff;font-size:.75rem;padding:3px 6px;border-radius:4px;white-space:nowrap}.avatar-circle{width:100px;height:100px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;font-weight:700;color:var(--bg-primary);border:3px solid var(--bg-secondary);box-shadow:0 6px 24px #ff6b354d;transition:transform .3s ease}.avatar-circle:hover{transform:scale(1.05)}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem;line-height:1.2}.profile-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.profile-location{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.profile-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.profile-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.profile-section-title{font-size:.95rem;font-weight:600;color:var(--accent-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;text-align:center}.contact-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-item{position:relative;display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:var(--text-secondary);font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;background:#ff6b351a;border:2px solid rgba(255,107,53,.2);text-decoration:none}.contact-item:hover{color:var(--accent-primary);background:#ff6b3533;border-color:var(--accent-primary);transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #ff6b354d}.contact-item svg{color:inherit;transition:color .3s ease}.contact-item:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-5px);background:var(--bg-card);color:var(--text-primary);padding:.5rem .75rem;border-radius:8px;font-size:.85rem;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,107,53,.3);box-shadow:0 4px 12px #0000004d;z-index:1000}.contact-item:after{content:"";position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-card);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001}.contact-item:hover:before,.contact-item:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.languages-list{display:flex;flex-direction:column;gap:.5rem}.language-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.9rem}.language-name{color:var(--text-primary);font-weight:500}.language-level{color:var(--text-muted);font-size:.8rem;font-style:italic}.btn-resume{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;background:var(--accent-gradient);color:var(--bg-primary);font-weight:600;font-size:.9rem;border-radius:8px;transition:all .3s ease;margin-top:.5rem;text-decoration:none}.btn-resume:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b3566}.btn-resume svg{font-size:1.1rem}@media (max-width: 1024px){.profile-header{text-align:center}.avatar-circle{margin:0 auto 1.5rem}.profile-location,.contact-list{justify-content:center}}@media (max-width: 768px){.profile{padding:0}.profile-header{margin-bottom:1.25rem;padding-bottom:1.25rem}.avatar-circle{width:90px;height:90px;font-size:1.75rem;margin-bottom:1rem}.profile-name{font-size:1.35rem;margin-bottom:.35rem}.profile-title{font-size:.85rem;margin-bottom:.65rem}.profile-location{font-size:.85rem}.profile-section{margin-bottom:1.25rem;padding-bottom:1.25rem}.profile-section-title{font-size:.9rem;margin-bottom:.875rem}.contact-list{gap:.875rem}.contact-item{width:42px;height:42px;font-size:1.15rem}.languages-list{gap:.4rem}.language-item{padding:.35rem 0;font-size:.85rem}.language-level{font-size:.75rem}.btn-resume{padding:.65rem 1.15rem;font-size:.85rem;margin-top:.4rem}}@media (max-width: 480px){.profile-header{margin-bottom:1rem;padding-bottom:1rem}.avatar-circle{width:80px;height:80px;font-size:1.5rem}.profile-name{font-size:1.25rem}.profile-title,.profile-location{font-size:.8rem}.profile-section{margin-bottom:1rem;padding-bottom:1rem}.contact-item{width:40px;height:40px;font-size:1.1rem}.language-item{font-size:.8rem}.btn-resume{padding:.6rem 1rem;font-size:.8rem}}.about{animation:fadeIn .6s ease-out;text-align:center;padding:0;width:100%;max-width:100%}.about .section-title{text-align:center;margin-left:auto;margin-right:auto;display:block}.about-content{max-width:1100px;margin:0 auto;width:100%;padding:0;display:flex;flex-direction:column;align-items:center}.about-text{color:var(--text-secondary);line-height:1.8;font-size:1rem;text-align:center;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.about-intro{font-size:1.1rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:500;line-height:1.8;text-align:center;text-align-last:center;width:100%;margin-left:auto;margin-right:auto;display:block}.about-text p{margin-bottom:1.25rem;transition:color .3s ease;text-align:center;max-width:100%;width:100%;margin-left:auto;margin-right:auto;display:block;text-align-last:center}.about-text p:hover{color:var(--text-primary)}.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border-color);width:100%;max-width:100%}.highlight-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#ff6b350d;border:1px solid rgba(255,107,53,.1);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.highlight-item:hover{background:#ff6b351a;border-color:#ff6b354d;transform:translateY(-5px);box-shadow:0 8px 24px #ff6b3533}.highlight-number{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;background:var(--accent-gradient);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;margin-bottom:.5rem;transition:transform .3s ease}.highlight-item:hover .highlight-number{transform:scale(1.1)}.highlight-label{font-size:clamp(.75rem,2vw,.9rem);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.highlight-item:hover .highlight-label{color:var(--text-primary)}@media (min-width: 1400px){.about-content{max-width:1200px}.about-text{font-size:1.05rem}.about-intro{font-size:1.15rem}}@media (min-width: 1025px) and (max-width: 1399px){.about-content{max-width:1100px}}@media (max-width: 1024px){.about-content{max-width:100%;padding:0}.about-highlights{gap:1.25rem}.highlight-item{padding:1.25rem}}@media (max-width: 768px){.about-content{max-width:100%;padding:0}.about-text{font-size:.95rem;line-height:1.7}.about-intro{font-size:1rem;margin-bottom:1.25rem}.about-text p{margin-bottom:1rem}.about-highlights{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;padding-top:1.5rem}.highlight-item{padding:1.25rem 1rem}.highlight-number{font-size:2rem}.highlight-label{font-size:.8rem}}@media (max-width: 480px){.about-content{padding:0}.about-text{font-size:.9rem;line-height:1.6}.about-intro{font-size:.95rem;margin-bottom:1rem}.about-text p{margin-bottom:.875rem}.about-highlights{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.highlight-item{padding:1rem}.highlight-number{font-size:1.75rem}.highlight-label{font-size:.75rem}}.experience{animation:fadeIn .6s ease-out}.experience-list{display:flex;flex-direction:column;gap:2.5rem}.experience-item{position:relative;padding-left:3rem;border-left:2px solid var(--border-color);padding-bottom:2rem}.experience-item:last-child{border-left:none;padding-bottom:0}.experience-item:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-primary)}.experience-header{display:flex;gap:1.5rem;margin-bottom:1rem}.experience-icon{width:40px;height:40px;border-radius:8px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-size:1.1rem;flex-shrink:0}.experience-title-section{flex:1}.experience-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.experience-company{font-size:1rem;color:var(--accent-primary);font-weight:500;margin-bottom:.5rem}.experience-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.meta-item svg{font-size:.85rem;color:var(--accent-secondary)}.experience-type{background:#ff6b3533;color:var(--accent-primary);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.experience-achievements{list-style:none;padding:0;margin:0;margin-top:1rem}.experience-achievements li{position:relative;padding-left:1.5rem;color:var(--text-secondary);line-height:1.8;margin-bottom:.75rem}.experience-achievements li:before{content:"▸";position:absolute;left:0;color:var(--accent-primary);font-weight:700}@media (max-width: 1024px){.experience-list{gap:2rem}.experience-item{padding-left:2.5rem;padding-bottom:1.5rem}}@media (max-width: 768px){.experience{padding:0}.experience-list{gap:1.5rem}.experience-item{padding-left:1.75rem;padding-bottom:1.5rem}.experience-item:before{left:-5px;width:8px;height:8px}.experience-header{flex-direction:row;gap:1rem;margin-bottom:.75rem}.experience-icon{width:35px;height:35px;font-size:1rem}.experience-title{font-size:1.1rem;margin-bottom:.25rem}.experience-company{font-size:.95rem;margin-bottom:.5rem}.experience-meta{gap:.75rem;margin-top:.5rem}.meta-item{font-size:.85rem}.experience-achievements{margin-top:.75rem}.experience-achievements li{font-size:.9rem;line-height:1.7;margin-bottom:.5rem;padding-left:1.25rem}}@media (max-width: 480px){.experience-list{gap:1.25rem}.experience-item{padding-left:1.5rem;padding-bottom:1.25rem}.experience-header{flex-direction:column;gap:.75rem}.experience-icon{width:32px;height:32px;font-size:.9rem}.experience-title{font-size:1rem}.experience-company{font-size:.9rem}.experience-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.meta-item{font-size:.8rem}.experience-achievements li{font-size:.85rem;line-height:1.6}}.education{animation:fadeIn .6s ease-out}.education-list{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:3rem}.education-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.education-item:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b351a}.education-header{display:flex;gap:1.5rem}.education-icon{width:50px;height:50px;border-radius:10px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-size:1.5rem;flex-shrink:0}.education-content{flex:1}.education-degree{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.education-major{font-size:1rem;color:var(--accent-primary);margin-bottom:.5rem;font-weight:500}.education-institution{font-size:1rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.education-meta{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.education-period{color:var(--text-muted);font-size:.9rem}.education-cgpa{color:var(--accent-secondary);font-size:.9rem;font-weight:600}.education-achievements{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.education-achievements strong{color:var(--text-primary);font-size:.9rem;display:block;margin-bottom:.5rem}.education-achievements ul{list-style:none;padding:0;margin:0}.education-achievements li{position:relative;padding-left:1.5rem;color:var(--text-secondary);line-height:1.8;margin-bottom:.5rem;font-size:.9rem}.education-achievements li:before{content:"▸";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.certifications-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color)}.certifications-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.certifications-title svg{color:var(--accent-primary)}.certifications-list{display:flex;flex-direction:column;gap:1rem}.certification-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.certification-item:hover{border-color:var(--accent-primary);transform:translate(5px)}.cert-name{color:var(--text-primary);font-weight:500}.cert-issuer{color:var(--accent-primary);font-size:.9rem;font-weight:600}@media (max-width: 1024px){.education-list{gap:2rem}.education-item{padding:1.75rem}}@media (max-width: 768px){.education{padding:0}.education-list{gap:1.5rem;margin-bottom:2rem}.education-item{padding:1.5rem}.education-header{flex-direction:row;gap:1rem}.education-icon{width:40px;height:40px;font-size:1.2rem}.education-degree{font-size:1.1rem}.education-major{font-size:.95rem}.education-institution{font-size:.9rem}.education-meta{gap:1rem;margin-bottom:.75rem}.education-period,.education-cgpa{font-size:.85rem}.education-achievements{margin-top:.75rem;padding-top:.75rem}.education-achievements strong{font-size:.85rem}.education-achievements li{font-size:.85rem;line-height:1.7}.certifications-section{margin-top:2rem;padding-top:1.5rem}.certifications-title{font-size:1.25rem;margin-bottom:1rem}.certifications-list{gap:.75rem}.certification-item{padding:.875rem 1.25rem;flex-direction:column;align-items:flex-start;gap:.5rem}.cert-name{font-size:.9rem}.cert-issuer{font-size:.85rem}}@media (max-width: 480px){.education-list{gap:1.25rem}.education-item{padding:1.25rem}.education-header{flex-direction:column;gap:.75rem}.education-icon{width:36px;height:36px;font-size:1.1rem}.education-degree{font-size:1rem}.education-major{font-size:.9rem}.education-institution{font-size:.85rem}.education-meta{flex-direction:column;gap:.5rem}.education-achievements li{font-size:.8rem;line-height:1.6}.certifications-title{font-size:1.1rem}.certification-item{padding:.75rem 1rem}}.projects{animation:fadeIn .6s ease-out}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 12px 32px #ff6b3526}.project-card.featured{border-color:var(--accent-primary);background:linear-gradient(135deg,#ff6b350d,#4ecdc40d)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-type{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.featured-badge{background:var(--accent-gradient);color:var(--bg-primary);padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.project-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;line-height:1.4}.project-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;flex:1;font-size:.95rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#ff6b351a;color:var(--accent-primary);padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,107,53,.2)}.project-links{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.project-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .3s ease}.project-link:hover{color:var(--accent-primary);transform:translate(3px)}.project-link svg{font-size:.85rem}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}}@media (max-width: 768px){.projects{padding:0}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}.project-title{font-size:1.1rem;margin-bottom:.75rem}.project-description{font-size:.9rem;margin-bottom:1.25rem;line-height:1.6}.project-tech{gap:.4rem;margin-bottom:1.25rem}.tech-tag{padding:.3rem .65rem;font-size:.75rem}.project-links{gap:.75rem;padding-top:.75rem}.project-link{font-size:.85rem}}@media (max-width: 480px){.projects-grid{gap:1.25rem}.project-card{padding:1.25rem}.project-header{margin-bottom:.75rem}.project-title{font-size:1rem}.project-description{font-size:.85rem;margin-bottom:1rem}.project-tech{margin-bottom:1rem}.tech-tag{padding:.25rem .5rem;font-size:.7rem}.project-links{flex-direction:column;gap:.5rem}.project-link{font-size:.8rem}}.skills-sidebar{animation:fadeIn .6s ease-out;margin-top:1.5rem}.skills-title{font-size:.95rem;font-weight:600;color:var(--accent-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;text-align:center}.skills-list{display:flex;flex-direction:column;gap:1rem}.skill-category{margin-bottom:.75rem}.skill-category-title{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tag{background:#ff6b351a;color:var(--text-secondary);padding:.3rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500;border:1px solid rgba(255,107,53,.2);transition:all .3s ease}.skill-tag:hover{background:#ff6b3533;border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px)}@media (max-width: 1024px){.skills-sidebar{margin-top:0}}@media (max-width: 768px){.skills-sidebar{margin-top:0}.skills-title{font-size:.9rem;margin-bottom:.875rem}.skills-list{gap:.875rem}.skill-category{margin-bottom:.65rem}.skill-category-title{font-size:.7rem;margin-bottom:.4rem}.skill-tags{gap:.35rem}.skill-tag{padding:.25rem .55rem;font-size:.7rem}}@media (max-width: 480px){.skills-title{font-size:.85rem;margin-bottom:.75rem}.skills-list{gap:.75rem}.skill-category{margin-bottom:.6rem}.skill-category-title{font-size:.65rem;margin-bottom:.35rem}.skill-tag{padding:.2rem .5rem;font-size:.65rem}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem;text-align:center;margin-top:4rem}.footer-content{max-width:1400px;margin:0 auto}.footer-content p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.footer-content strong{color:var(--accent-primary);font-weight:600}.heart-icon{color:var(--accent-primary);animation:pulse 2s ease-in-out infinite;margin:0 .25rem}.footer-copyright{color:var(--text-muted);font-size:.85rem}@media (max-width: 768px){.footer{padding:1.5rem 1rem;margin-top:3rem}.footer-content p{font-size:.85rem;margin-bottom:.4rem}.footer-copyright{font-size:.8rem}}@media (max-width: 480px){.footer{padding:1.25rem .75rem;margin-top:2.5rem}.footer-content p{font-size:.8rem;margin-bottom:.35rem}.footer-copyright{font-size:.75rem}}.resume-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:2rem;position:sticky;top:80px;height:fit-content;max-height:calc(100vh - 80px);z-index:1}.resume-main{flex:1;padding:2rem 3rem;width:100%}@media (max-width: 1024px){.resume-container{flex-direction:column;max-width:100%}.resume-sidebar{width:100%;position:relative;top:0;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:2rem;max-height:none;min-width:unset}.resume-main{padding:2rem 1.5rem;max-width:100%;width:100%;margin:0}.nav-container{padding:1rem 1.5rem}section{margin-bottom:3.5rem}.section-title{font-size:1.6rem}}@media (max-width: 768px){.resume-container{padding-top:70px;max-width:100%}.resume-sidebar{padding:1.5rem}.resume-main{padding:1.5rem 1rem;width:100%}section{margin-bottom:3rem;scroll-margin-top:80px}.section-title{font-size:1.4rem;margin-bottom:1.25rem;padding-bottom:.65rem}.section-title:after{width:50px;height:2px}.nav-container{padding:1rem}.nav-logo-section{gap:.75rem}.back-to-portfolio-btn{width:32px;height:32px;font-size:.9rem}.nav-logo{font-size:1.25rem}.nav-menu{gap:1.5rem}.nav-menu a{font-size:.85rem}}@media (max-width: 480px){.resume-container{padding-top:65px}.resume-sidebar{padding:1rem}.resume-main{padding:1rem .75rem}section{margin-bottom:2.5rem;scroll-margin-top:75px}.section-title{font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.section-title:after{width:40px;height:2px}.nav-container{padding:.75rem}.nav-logo-section{gap:.5rem}.back-to-portfolio-btn{width:28px;height:28px;font-size:.8rem}.nav-logo{font-size:1.1rem}}.App{min-height:100vh;background:var(--bg-primary);position:relative}.portfolio-container{position:relative;overflow-x:hidden}.resume-container{display:flex;max-width:1400px;margin:0 auto;padding-top:80px;min-height:calc(100vh - 80px)}.resume-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:2rem;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;z-index:1}.resume-main{flex:1;padding:2rem 3rem;max-width:var(--content-max-width);margin:0 auto}section{margin-bottom:4rem;scroll-margin-top:100px}.section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--accent-primary);display:inline-block;position:relative}.section-title:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:var(--accent-secondary)}@media (max-width: 1024px){.resume-container{flex-direction:column}.resume-sidebar{width:100%;position:relative;top:0;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:2rem}.resume-main{padding:2rem 1.5rem}}@media (max-width: 768px){.resume-container{padding-top:70px}.resume-sidebar{padding:1.5rem}.resume-main{padding:1.5rem 1rem}.section-title{font-size:1.5rem}}@media (max-width: 480px){.resume-sidebar,.resume-main{padding:1rem}section{margin-bottom:3rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-card: #151515;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #808080;--malaysia-red: #FF0000;--malaysia-blue: #0066CC;--malaysia-yellow: #FFCC00;--malaysia-white: #FFFFFF;--accent-primary: #FF6B35;--accent-secondary: #4ECDC4;--accent-gradient: linear-gradient(135deg, #FF6B35 0%, #4ECDC4 100%);--border-color: #2a2a2a;--border-light: #333333;--sidebar-width: 320px;--content-max-width: 900px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}::selection{background:var(--accent-primary);color:var(--bg-primary)}a{color:var(--accent-primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-secondary)}button{font-family:inherit;cursor:pointer;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.fade-in{animation:fadeIn .6s ease-out}.gradient-text{background:var(--accent-gradient);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.section-divider{height:2px;background:var(--accent-gradient);margin:3rem 0;border-radius:2px}