:root{--primary-green: #00a86b;--deep-green: #004d40;--dark-green: #003d33;--neon-green: #39ff14;--pure-black: #000000;--rich-black: #0a0a0a;--charcoal: #1a1a1a;--white: #ffffff;--off-white: #f8f8f8;--gray: #808080;--light-gray: #d0d0d0;--gradient-primary: linear-gradient(135deg, var(--deep-green) 0%, var(--primary-green) 100%);--gradient-dark: linear-gradient(135deg, var(--pure-black) 0%, var(--charcoal) 100%);--gradient-glow: linear-gradient(135deg, var(--neon-green) 0%, var(--primary-green) 100%);--shadow-soft: 0 4px 6px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 16px rgba(0, 0, 0, .2);--shadow-heavy: 0 12px 24px rgba(0, 0, 0, .3);--shadow-neon: 0 0 20px rgba(57, 255, 20, .5);--transition-fast: .3s ease;--transition-medium: .5s ease;--transition-slow: .8s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--rich-black);color:var(--white);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(0,168,107,.03) 50px,rgba(0,168,107,.03) 51px);pointer-events:none;z-index:0;animation:musicLines 20s linear infinite}@keyframes musicLines{0%{transform:translateY(0)}to{transform:translateY(50px)}}.App{position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 0;background:transparent;z-index:1000;transition:var(--transition-medium)}.navbar.scrolled{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00a86b4d;border-bottom:2px solid var(--primary-green)}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:2rem;font-weight:700;background:var(--gradient-glow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;animation:pulse 2s ease-in-out infinite;text-shadow:0 0 30px rgba(57,255,20,.5);position:relative}.logo:after{content:"♪";position:absolute;right:-25px;top:-5px;font-size:1.2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(10deg)}}.nav-menu{display:flex;list-style:none;gap:2.5rem;transition:var(--transition-medium)}.nav-menu li{cursor:pointer;font-size:1.1rem;font-weight:500;color:var(--white);position:relative;transition:var(--transition-fast);padding:.5rem 0}.nav-menu li:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:100%;height:3px;background:var(--gradient-glow);transition:transform var(--transition-fast);box-shadow:var(--shadow-neon)}.nav-menu li:hover:before,.nav-menu li.active:before{transform:translate(-50%) scaleX(1)}.nav-menu li:hover,.nav-menu li.active{color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.8)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1001;position:relative}.hamburger span{width:30px;height:3px;background:var(--primary-green);transition:var(--transition-fast);border-radius:3px;box-shadow:0 0 10px #00a86b80}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden;background:var(--gradient-dark)}.hero:before{content:"♪ ♫ ♬ ♩ ♪ ♫ ♬ ♩";position:absolute;top:0;left:0;width:100%;height:100%;font-size:4rem;color:#00a86b1a;letter-spacing:3rem;animation:floatingNotes 25s linear infinite;z-index:0}@keyframes floatingNotes{0%{transform:translateY(100%) rotate(0)}to{transform:translateY(-100%) rotate(360deg)}}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;background:repeating-linear-gradient(90deg,var(--primary-green) 0px,var(--primary-green) 2px,transparent 2px,transparent 20px);opacity:.2;animation:soundwave 3s ease-in-out infinite}@keyframes soundwave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.hero-content{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1;margin-left:200px}.hero-text h1{font-size:4rem;font-weight:900;margin-bottom:1rem;line-height:1.2;position:relative}.glitch{position:relative;color:var(--white);animation:glitchText 5s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 var(--neon-green);clip:rect(24px,550px,90px,0);animation:glitchBefore 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:2px 0 var(--primary-green);clip:rect(85px,550px,140px,0);animation:glitchAfter 2.5s infinite linear alternate-reverse}@keyframes glitchText{0%,90%,to{opacity:1}91%,94%{opacity:.8}}@keyframes glitchBefore{0%{clip:rect(65px,9999px,119px,0)}25%{clip:rect(30px,9999px,90px,0)}50%{clip:rect(10px,9999px,140px,0)}75%{clip:rect(80px,9999px,50px,0)}to{clip:rect(40px,9999px,100px,0)}}@keyframes glitchAfter{0%{clip:rect(95px,9999px,15px,0)}25%{clip:rect(120px,9999px,65px,0)}50%{clip:rect(45px,9999px,110px,0)}75%{clip:rect(5px,9999px,85px,0)}to{clip:rect(70px,9999px,35px,0)}}.typing-text{font-size:2rem;color:var(--primary-green);margin-bottom:1.5rem;font-weight:600;position:relative;display:inline-block}.typing-text:after{content:"|";animation:blink 1s step-end infinite;color:var(--neon-green)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{font-size:1.3rem;color:var(--light-gray);margin-bottom:2.5rem;line-height:1.8}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden;z-index:1}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:0 4px 15px #00a86b66}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 25px #39ff1499}.btn-secondary{background:transparent;color:var(--primary-green);border:2px solid var(--primary-green)}.btn-secondary:hover{background:var(--primary-green);color:var(--white);transform:translateY(-3px);box-shadow:0 6px 25px #00a86b66}.hero-image{display:flex;justify-content:center;align-items:center}.floating-card{background:#0009;border:2px solid var(--primary-green);border-radius:20px;padding:3rem;box-shadow:0 10px 50px #00a86b4d;animation:floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.floating-card:before{content:"🎵";position:absolute;top:-30px;right:-30px;font-size:4rem;animation:rotate 10s linear infinite}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.code-animation{display:flex;flex-direction:column;gap:1rem;font-family:Courier New,monospace;font-size:1.2rem}.code-line{color:var(--neon-green);opacity:0;animation:fadeInLine 1.5s forwards;text-shadow:0 0 10px rgba(57,255,20,.5)}.code-line:nth-child(1){animation-delay:.5s}.code-line:nth-child(2){animation-delay:1s}.code-line:nth-child(3){animation-delay:1.5s}@keyframes fadeInLine{to{opacity:1}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.mouse{width:30px;height:50px;border:2px solid var(--primary-green);border-radius:20px;position:relative}.mouse:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:4px;height:10px;background:var(--neon-green);border-radius:2px;animation:scroll 2s infinite;box-shadow:0 0 10px var(--neon-green)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}section{padding:6rem 2rem;position:relative}.container{max-width:1400px;margin:0 auto}.section-title{font-size:3rem;font-weight:900;text-align:center;margin-bottom:4rem;color:var(--white);position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:before{content:"♪";position:absolute;left:-50px;top:50%;transform:translateY(-50%);font-size:2.5rem;color:var(--primary-green);animation:bounce 2s ease-in-out infinite}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-glow);border-radius:2px;box-shadow:var(--shadow-neon)}.about{background:var(--gradient-dark);position:relative;overflow:hidden}.about:before{content:"🎸";position:absolute;top:10%;right:5%;font-size:15rem;opacity:.05;animation:rotate 20s linear infinite}.about-content{animation:fadeInUp 1s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-text{max-width:900px;margin:0 auto}.lead{font-size:1.4rem;color:var(--primary-green);font-weight:600;margin-bottom:1.5rem;line-height:1.8}.about-text p{font-size:1.2rem;color:var(--light-gray);margin-bottom:2rem;line-height:1.9}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.stat-card{background:#00a86b1a;border:2px solid var(--primary-green);border-radius:15px;padding:2rem;text-align:center;transition:var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,var(--primary-green),transparent 30%);animation:rotateBorder 4s linear infinite;opacity:0;transition:var(--transition-fast)}.stat-card:hover:before{opacity:1}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-card h3{font-size:3rem;color:var(--neon-green);margin-bottom:.5rem;position:relative;z-index:1;text-shadow:0 0 20px rgba(57,255,20,.8)}.stat-card p{font-size:1.1rem;color:var(--white);position:relative;z-index:1;margin:0}.stat-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #00a86b80}.skills{background:var(--rich-black);position:relative}.skills:after{content:"🎹";position:absolute;bottom:5%;left:5%;font-size:12rem;opacity:.05}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-card{background:#0009;border:1px solid rgba(0,168,107,.3);border-radius:15px;padding:1.5rem;transition:var(--transition-fast);animation:slideInRight .8s ease forwards;opacity:0}.skill-card:nth-child(1){animation-delay:.1s}.skill-card:nth-child(2){animation-delay:.2s}.skill-card:nth-child(3){animation-delay:.3s}.skill-card:nth-child(4){animation-delay:.4s}.skill-card:nth-child(5){animation-delay:.5s}.skill-card:nth-child(6){animation-delay:.6s}@keyframes slideInRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.skill-card:hover{border-color:var(--neon-green);transform:translateY(-5px);box-shadow:0 10px 30px #39ff144d}.skill-info{display:flex;justify-content:space-between;margin-bottom:1rem}.skill-name{font-size:1.1rem;font-weight:600;color:var(--white)}.skill-percentage{font-size:1.1rem;color:var(--primary-green);font-weight:700}.skill-bar{width:100%;height:12px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.skill-progress{height:100%;background:var(--gradient-glow);border-radius:10px;position:relative;transition:width 2s ease;box-shadow:0 0 15px #39ff1499;animation:progressAnimation 2s ease forwards}.skill-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes progressAnimation{0%{width:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.experience{background:var(--gradient-dark);position:relative}.timeline:after{content:"";display:table;clear:both}.timeline{position:relative;padding:2rem 0;margin:3rem 0}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:4px;height:100%;background:var(--gradient-glow);box-shadow:var(--shadow-neon)}.timeline-item{margin-bottom:3rem;position:relative;width:100%;animation:fadeIn 1s ease;clear:both}.timeline-item:after{content:"";display:table;clear:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timeline-item:nth-child(odd) .timeline-content{float:left;clear:both;width:45%;text-align:right;padding-right:3rem}.timeline-item:nth-child(2n) .timeline-content{float:right;clear:both;width:45%;text-align:left;padding-left:3rem}.timeline-dot{position:absolute;left:50%;top:0;transform:translate(-50%);width:20px;height:20px;background:var(--neon-green);border-radius:50%;box-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green);z-index:1;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green)}50%{box-shadow:0 0 30px var(--neon-green),0 0 60px var(--neon-green)}}.timeline-content{background:#000000b3;border:2px solid var(--primary-green);border-radius:15px;padding:2rem;transition:var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.timeline-content:hover{transform:scale(1.05);border-color:var(--neon-green);box-shadow:0 10px 40px #00a86b80}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.experience-header h3{font-size:1.5rem;color:var(--white);margin:0}.experience-type{padding:.3rem 1rem;background:var(--primary-green);color:var(--white);border-radius:20px;font-size:.9rem;font-weight:600}.timeline-content h4{color:var(--primary-green);font-size:1.2rem;margin-bottom:.5rem}.timeline-date{color:var(--gray);font-size:.95rem;display:block;margin-bottom:1rem}.timeline-content p{color:var(--light-gray);line-height:1.7;margin-bottom:1rem}.btn-details{background:transparent;border:2px solid var(--primary-green);color:var(--primary-green);padding:.5rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:var(--transition-fast)}.btn-details:hover{background:var(--primary-green);color:var(--white);transform:translate(5px)}.education-section,.certifications-section,.achievements-section{margin-top:5rem;clear:both}.education-section:after,.certifications-section:after,.achievements-section:after{content:"";display:table;clear:both}.subsection-title{font-size:2.2rem;color:var(--white);margin-bottom:2.5rem;text-align:center;position:relative}.subsection-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--primary-green);border-radius:2px}.education-grid,.certifications-grid,.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.education-card,.certification-card,.achievement-card{background:#00a86b1a;border:2px solid var(--primary-green);border-radius:15px;padding:2rem;transition:var(--transition-fast);position:relative;overflow:hidden}.education-card:before,.certification-card:before,.achievement-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(57,255,20,.1) 0%,transparent 70%);transition:var(--transition-medium);opacity:0}.education-card:hover:before,.certification-card:hover:before,.achievement-card:hover:before{opacity:1;animation:spotlight 3s linear infinite}@keyframes spotlight{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.education-card:hover,.certification-card:hover,.achievement-card:hover{transform:translateY(-10px);border-color:var(--neon-green);box-shadow:0 15px 40px #00a86b66}.education-card h4,.cert-header h4,.achievement-card h4{font-size:1.4rem;color:var(--white);margin-bottom:1rem;position:relative;z-index:1}.institution,.cert-platform{color:var(--primary-green);font-weight:600;margin-bottom:.5rem;position:relative;z-index:1}.duration,.achievement-category{color:var(--gray);font-size:.95rem;display:block;margin-bottom:.5rem;position:relative;z-index:1}.details,.cert-description,.achievement-description{color:var(--light-gray);line-height:1.7;position:relative;z-index:1}.cert-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.cert-icon{font-size:2rem}.cert-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;position:relative;z-index:1}.skill-tag{background:var(--primary-green);color:var(--white);padding:.3rem .8rem;border-radius:15px;font-size:.85rem;font-weight:600}.achievement-icon{font-size:3rem;text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.achievement-impact{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,168,107,.3);color:var(--light-gray);font-size:.95rem;position:relative;z-index:1}.projects{background:var(--rich-black);position:relative}.projects:before{content:"🎧";position:absolute;top:10%;right:5%;font-size:15rem;opacity:.05;animation:float 6s ease-in-out infinite}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.project-card{background:#000c;border:2px solid var(--primary-green);border-radius:20px;padding:2.5rem;transition:var(--transition-medium);cursor:pointer;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(57,255,20,.1),transparent);transition:var(--transition-medium)}.project-card:hover:before{left:100%}.project-card:hover{transform:translateY(-15px) rotateX(5deg);border-color:var(--neon-green);box-shadow:0 20px 60px #00a86b99}.project-header h3{font-size:1.8rem;color:var(--white);margin-bottom:.5rem;position:relative;z-index:1}.project-tagline{color:var(--primary-green);font-weight:600;margin-bottom:1rem;position:relative;z-index:1}.project-overview{color:var(--light-gray);line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}.project-tech{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.5rem;position:relative;z-index:1}.tech-badge{background:#00a86b33;border:1px solid var(--primary-green);color:var(--neon-green);padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;transition:var(--transition-fast)}.tech-badge:hover{background:var(--primary-green);color:var(--white);transform:translateY(-3px);box-shadow:0 5px 15px #00a86b80}.btn-view-project{background:var(--gradient-primary);color:var(--white);border:none;padding:.8rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition-fast);position:relative;z-index:1}.btn-view-project:hover{transform:translate(10px);box-shadow:0 5px 20px #00a86b99}.contact{background:var(--gradient-dark);position:relative}.contact:before{content:"🎤";position:absolute;bottom:5%;left:5%;font-size:12rem;opacity:.05}.contact-content{max-width:800px;margin:0 auto}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-item{display:flex;align-items:center;gap:1.5rem;background:#00a86b1a;border:2px solid var(--primary-green);border-radius:15px;padding:2rem;transition:var(--transition-fast);animation:slideInUp .8s ease forwards;opacity:0}.contact-item:nth-child(1){animation-delay:.1s}.contact-item:nth-child(2){animation-delay:.2s}.contact-item:nth-child(3){animation-delay:.3s}.contact-item:nth-child(4){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-item:hover{transform:translateY(-10px) scale(1.05);border-color:var(--neon-green);box-shadow:0 15px 40px #00a86b80}.contact-icon{font-size:2rem}.contact-item h4{color:var(--white);font-size:1.2rem;margin-bottom:.5rem}.contact-item a,.contact-item p{color:var(--primary-green);text-decoration:none;transition:var(--transition-fast);font-weight:500;margin:0}.contact-item a:hover{color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.8)}.footer{background:var(--pure-black);padding:2rem;text-align:center;border-top:2px solid var(--primary-green)}.footer p{color:var(--light-gray);margin:.5rem 0}.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-primary);color:var(--white);border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:999;box-shadow:0 5px 20px #00a86b80;transition:var(--transition-fast);animation:fadeInButton .5s ease}@keyframes fadeInButton{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-top:hover{transform:translateY(-5px);box-shadow:0 8px 30px #39ff14b3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:2000;display:flex;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .3s ease;overflow-y:auto}.modal-content{background:var(--charcoal);border:2px solid var(--primary-green);border-radius:20px;padding:3rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideInModal .5s ease;box-shadow:0 20px 80px #00a86b99}@keyframes slideInModal{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--neon-green)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:var(--primary-green);color:var(--white);border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:1}.modal-close:hover{background:var(--neon-green);transform:rotate(90deg);box-shadow:0 5px 20px #39ff14b3}.modal-content h2{color:var(--white);font-size:2.2rem;margin-bottom:.5rem}.modal-tagline{color:var(--primary-green);font-size:1.2rem;font-weight:600;margin-bottom:2rem}.modal-section{margin:2rem 0}.modal-section h3{color:var(--neon-green);font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(0,168,107,.3)}.modal-section p,.modal-section ul{color:var(--light-gray);line-height:1.8}.features-list{display:flex;flex-direction:column;gap:1.5rem}.feature-item{background:#00a86b1a;border-left:4px solid var(--primary-green);padding:1rem 1.5rem;border-radius:8px;transition:var(--transition-fast)}.feature-item:hover{background:#00a86b33;border-left-color:var(--neon-green);transform:translate(10px)}.feature-item h4{color:var(--white);margin-bottom:.5rem;font-size:1.2rem}.tech-stack-grid{display:flex;flex-wrap:wrap;gap:1rem}.tech-badge-large{background:var(--primary-green);color:var(--white);padding:.7rem 1.5rem;border-radius:25px;font-weight:600;transition:var(--transition-fast)}.tech-badge-large:hover{background:var(--neon-green);transform:translateY(-3px);box-shadow:0 5px 15px #39ff1499}.challenges-list,.enhancements-list,.responsibilities-list{list-style:none;padding-left:0}.challenges-list li,.enhancements-list li,.responsibilities-list li{padding:.7rem 0 .7rem 2rem;position:relative;color:var(--light-gray)}.challenges-list li:before,.enhancements-list li:before,.responsibilities-list li:before{content:"▶";position:absolute;left:0;color:var(--primary-green)}.impact-text{font-size:1.1rem;color:var(--primary-green);font-weight:600;padding:1.5rem;background:#00a86b1a;border-radius:10px;border-left:4px solid var(--neon-green)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.experience-type-badge{background:var(--primary-green);color:var(--white);padding:.5rem 1.5rem;border-radius:25px;font-weight:600}.modal-company{color:var(--primary-green);font-size:1.4rem;margin-bottom:.5rem}.modal-period{color:var(--gray);margin-bottom:2rem}@media(max-width:968px){.hamburger{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:#000000fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:5rem 2rem;gap:2rem;transition:right var(--transition-medium);border-left:2px solid var(--primary-green);box-shadow:-10px 0 30px #00000080;z-index:999}.nav-menu.active{right:0}.nav-menu li{font-size:.8rem;padding:.5rem;border-bottom:1px solid rgba(0,168,107,.2);text-align:left}.nav-menu li:before{display:none}.hero{padding:6rem 1.5rem 3rem}.hero-content{grid-template-columns:1fr;gap:3rem;margin-left:0}.hero-text h1{font-size:2.5rem}.typing-text{font-size:1.5rem}.hero-description{font-size:1.1rem}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;text-align:center}.floating-card{padding:2rem}.code-animation{font-size:1rem}section{padding:4rem 1.5rem}.section-title{font-size:2rem}.section-title:before{left:-30px;font-size:2rem}.about-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.timeline{padding:1rem 0}.timeline:before{left:20px;transform:translate(0)}.timeline-item{margin-bottom:2rem}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{float:none;width:100%;text-align:left;padding-left:4rem;padding-right:1rem}.timeline-dot{left:20px;transform:translate(0)}.education-grid,.certifications-grid,.achievements-grid{grid-template-columns:1fr;gap:1.5rem}.education-section,.certifications-section,.achievements-section{margin-top:3rem}.projects-grid{grid-template-columns:1fr}.project-card{padding:2rem}.contact-info{grid-template-columns:1fr}.contact-item{padding:10px;width:100%;overflow-wrap:anywhere}.modal-content{padding:2rem 1.5rem;margin:1rem}.modal-content h2{font-size:1.8rem;padding-right:2rem}.modal-close{top:1rem;right:1rem;width:35px;height:35px;font-size:1.2rem}.scroll-top{bottom:20px;right:20px;width:45px;height:45px}.timeline:before{display:none}.timeline-dot{display:none}}@media(max-width:480px){.hero-text h1{font-size:2rem}.hero-content{margin-left:0}.typing-text{font-size:1.2rem}.hero-description{font-size:1rem}.section-title{font-size:1.8rem}.section-title:before{left:-25px;font-size:1.5rem}.about-stats{grid-template-columns:1fr}.stat-card h3{font-size:2.5rem}.logo{font-size:1.5rem}.nav-menu{width:250px}.nav-menu li{font-size:1.3rem}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{padding-left:3rem;padding-right:.5rem}.experience-header{flex-direction:column;align-items:flex-start}.subsection-title{font-size:1.8rem}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@media print{.navbar,.scroll-top,.hamburger,.hero:before,.hero:after,body:before{display:none}body{background:#fff;color:#000}.section-title{color:#000}}.hero-image{display:flex;justify-content:center;align-items:center;position:relative}.profile-photo-container{position:relative;display:flex;flex-direction:column;align-items:center;animation:floatContainer 6s ease-in-out infinite}@keyframes floatContainer{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.glow-ring{position:absolute;width:350px;height:350px;border-radius:50%;background:transparent;border:3px solid transparent;background-image:linear-gradient(var(--rich-black),var(--rich-black)),conic-gradient(var(--neon-green),var(--primary-green),var(--deep-green),var(--primary-green),var(--neon-green));background-origin:border-box;background-clip:padding-box,border-box;animation:rotateRing 4s linear infinite;box-shadow:0 0 30px #39ff1480,inset 0 0 30px #39ff144d;z-index:0}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-photo-wrapper{position:relative;width:320px;height:320px;border-radius:50%;padding:8px;background:linear-gradient(135deg,var(--primary-green),var(--neon-green));box-shadow:0 0 40px #00a86b99,0 0 80px #39ff1466,inset 0 0 20px #39ff144d;z-index:1;transition:transform .3s ease;margin-top:15px}.profile-photo-wrapper:hover{transform:scale(1.05);box-shadow:0 0 60px #00a86bcc,0 0 100px #39ff1499,inset 0 0 30px #39ff1480}.profile-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid var(--rich-black);animation:pulseGlow 3s ease-in-out infinite;position:relative;z-index:2}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #39ff1480,inset 0 0 20px #00a86b4d}50%{box-shadow:0 0 40px #39ff14cc,inset 0 0 30px #00a86b80}}.musical-notes{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.note{position:absolute;font-size:2rem;color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.8);animation:floatNote 4s ease-in-out infinite;opacity:0}.note-1{top:10%;left:-10%;animation-delay:0s}.note-2{top:80%;left:90%;animation-delay:1s}.note-3{top:20%;right:-10%;animation-delay:2s}.note-4{bottom:10%;left:-5%;animation-delay:3s}@keyframes floatNote{0%,to{opacity:0;transform:translateY(0) rotate(0) scale(1)}10%{opacity:1}50%{opacity:1;transform:translateY(-30px) rotate(180deg) scale(1.2)}90%{opacity:1}to{opacity:0;transform:translateY(-60px) rotate(360deg) scale(.8)}}.name-tag{margin-top:2rem;padding:1rem 2.5rem;background:#000c;border:2px solid var(--primary-green);border-radius:50px;color:var(--white);font-size:1.3rem;font-weight:700;text-align:center;box-shadow:0 5px 20px #00a86b66,inset 0 0 20px #39ff141a;animation:nameGlow 2s ease-in-out infinite;letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes nameGlow{0%,to{text-shadow:0 0 10px rgba(57,255,20,.5);border-color:var(--primary-green)}50%{text-shadow:0 0 20px rgba(57,255,20,.9);border-color:var(--neon-green)}}.profile-photo-container:hover .glow-ring{animation-duration:2s;box-shadow:0 0 50px #39ff14cc,inset 0 0 50px #39ff1480}.profile-photo-container:hover .note{animation-duration:2s}.profile-photo-container:hover .name-tag{background:#00a86b33;border-color:var(--neon-green);transform:translateY(-5px)}@media(max-width:968px){.glow-ring{width:280px;height:280px}.profile-photo-wrapper{width:250px;height:250px;margin-top:10px}.note{font-size:1.5rem}.name-tag{font-size:1.1rem;padding:.8rem 2rem;margin-top:1.5rem}}@media(max-width:480px){.glow-ring{width:220px;height:220px}.profile-photo-wrapper{width:200px;height:200px;margin-top:10px}.note{font-size:1.2rem}.name-tag{font-size:1rem;padding:.7rem 1.5rem;margin-top:1rem;letter-spacing:1px}}