*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}html{scroll-behavior:smooth}.header{background:rgba(44,62,80,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a}.header .container{display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;flex-direction:column}.header-controls{display:flex;gap:10px}.theme-toggle{background:rgba(52,152,219,.2);border:2px solid #3498db;border-radius:50px;color:#fff;width:50px;height:50px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.theme-toggle:hover:before{left:100%}.theme-toggle:hover{background:rgba(52,152,219,.4);transform:scale(1.1) rotate(10deg);box-shadow:0 8px 25px #3498db4d}.theme-toggle:active{transform:scale(.95)}.dark-mode .header{background:rgba(15,15,35,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}.light-mode .header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#2c3e50;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #0000001a}.dark-mode .header h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#fff,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-mode .header h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-mode .header nav a{color:#2c3e50}.light-mode .header nav a:hover{color:#3498db}.light-mode .theme-toggle{background:rgba(52,152,219,.2);border:2px solid #3498db;color:#2c3e50}.subtitle{font-size:.9rem;opacity:.9;font-weight:300;margin-top:2px}.header nav{display:flex;gap:2.5rem}.header nav a{color:#fff;text-decoration:none;transition:all .3s ease;font-weight:500;position:relative;padding:5px 0}.header nav a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:linear-gradient(135deg,#3498db,#9b59b6);transition:width .3s ease}.header nav a:hover:after{width:100%}.header nav a:hover{color:#3498db;transform:translateY(-2px)}.dark-mode .hero{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483 100%);background-size:400% 400%;animation:gradientShift 12s ease infinite;color:#fff;padding:10rem 0 6rem;text-align:center;margin-top:70px;position:relative;overflow:hidden}.light-mode .hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);background-size:400% 400%;animation:gradientShift 12s ease infinite;color:#fff;padding:10rem 0 6rem;text-align:center;margin-top:70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,226,.2) 0%,transparent 50%);opacity:.4;animation:heroOverlayMove 20s ease-in-out infinite}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="hexagons" width="30" height="30" patternUnits="userSpaceOnUse"><polygon points="15,2 25,8 25,22 15,28 5,22 5,8" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23hexagons)"/></svg>');opacity:.2}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero h2{font-size:3.5rem;margin-bottom:1.5rem;font-weight:700;position:relative;z-index:1;animation:fadeInUp 1s ease}.hero p{font-size:1.3rem;margin-bottom:2.5rem;opacity:.9;position:relative;z-index:1;animation:fadeInUp 1s ease .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-button{display:inline-block;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:15px 35px;text-decoration:none;border-radius:50px;transition:all .3s ease;font-weight:600;box-shadow:0 8px 25px #3498db4d;position:relative;z-index:1;animation:fadeInUp 1s ease .4s both;border:none;cursor:pointer;font-size:1rem;margin:.5rem}.cta-button.secondary{background:transparent;border:2px solid #3498db}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #3498db66;background:linear-gradient(135deg,#2980b9,#3498db)}.cta-button.secondary:hover{background:linear-gradient(135deg,#3498db,#2980b9)}.dark-mode .about{padding:6rem 0;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a1a 50%,#2d1b69 100%);position:relative;overflow:hidden}.light-mode .about{padding:6rem 0;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 50%,#ff9a9e 100%);position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(52,152,219,.3) 2px,transparent 2px),radial-gradient(circle at 80% 80%,rgba(155,89,182,.3) 3px,transparent 3px),radial-gradient(circle at 40% 60%,rgba(46,204,113,.3) 2px,transparent 2px),radial-gradient(circle at 70% 30%,rgba(230,126,34,.3) 2px,transparent 2px);background-size:50px 50px,80px 80px,60px 60px,70px 70px;animation:floatingBubbles 25s linear infinite;opacity:.6;z-index:0}@keyframes floatingBubbles{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100px) rotate(360deg)}}.about:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 25% 75%,rgba(52,152,219,.05) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(155,89,182,.05) 0%,transparent 50%);animation:aboutBgMove 20s ease-in-out infinite;z-index:0}@keyframes aboutBgMove{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.dark-mode .about h2,.dark-mode .projects h2,.dark-mode .skills-section h2,.dark-mode .certificates h2,.dark-mode .testimonials h2{text-align:center;margin-bottom:4rem;font-size:3rem;font-weight:700;color:#fff;position:relative}.light-mode .about h2,.light-mode .projects h2,.light-mode .skills-section h2,.light-mode .certificates h2,.light-mode .testimonials h2{text-align:center;margin-bottom:4rem;font-size:3rem;font-weight:700;color:#2c3e50;position:relative}.about h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#3498db,#9b59b6);border-radius:2px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text{background:white;padding:2.5rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:1;overflow:hidden}.about-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.1),transparent);transition:left .5s ease;z-index:-1}.about-text:hover:before{left:100%}.about-text:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00000026}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;color:#555;opacity:0;animation:slideInFromLeft .8s ease forwards}.about-text p:nth-child(2){animation-delay:.2s}.about-text p:nth-child(3){animation-delay:.4s}.github-stats{background:white;padding:2.5rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:1;overflow:hidden}.github-stats:before{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(155,89,182,.1),transparent);transition:right .5s ease;z-index:-1}.github-stats:hover:before{right:100%}.github-stats:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00000026}.github-stats h3{margin-bottom:1.5rem;color:#2c3e50;font-size:1.5rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{text-align:center;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;transition:all .3s ease}.stat-item:hover{transform:translateY(-8px) scale(1.05);background:linear-gradient(135deg,#ff0040,#ff4757);color:#fff;animation:statBounce .5s ease-in-out;box-shadow:0 10px 20px #ff475766}.stat-item:hover .stat-number{color:#fff;animation:numberGlow 1s ease-in-out infinite}.stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:1px}.dark-mode .skills-section{padding:6rem 0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative;overflow:hidden}.light-mode .skills-section{padding:6rem 0;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 50%,#ffecd2 100%);position:relative;overflow:hidden}.skills-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.4) 1px,transparent 1px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.3) 2px,transparent 2px),radial-gradient(circle at 60% 10%,rgba(255,255,255,.4) 1px,transparent 1px),radial-gradient(circle at 80% 60%,rgba(255,255,255,.3) 2px,transparent 2px),radial-gradient(circle at 90% 30%,rgba(255,255,255,.4) 1px,transparent 1px);background-size:100px 100px,150px 150px,80px 80px,120px 120px,90px 90px;animation:snowfall 20s linear infinite;pointer-events:none;z-index:1}@keyframes snowfall{0%{transform:translateY(-100vh) translate(0)}to{transform:translateY(100vh) translate(50px)}}.skills-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#e74c3c,#f39c12);border-radius:2px}.skills-progress{max-width:800px;margin:0 auto}.skill-item{margin-bottom:2rem;background:white;padding:1.5rem;border-radius:10px;box-shadow:0 5px 15px #0000001a;opacity:0;animation:skillSlideIn .6s ease forwards}.skill-item:nth-child(1){animation-delay:.1s}.skill-item:nth-child(2){animation-delay:.2s}.skill-item:nth-child(3){animation-delay:.3s}.skill-item:nth-child(4){animation-delay:.4s}.skill-item:nth-child(5){animation-delay:.5s}.skill-item:nth-child(6){animation-delay:.6s}.skill-item:nth-child(7){animation-delay:.7s}.skill-item:nth-child(8){animation-delay:.8s}@keyframes skillSlideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.skill-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{font-weight:600;color:#2c3e50}.skill-percentage{color:#3498db;font-weight:600}.skill-bar{background:#ecf0f1;height:8px;border-radius:4px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:4px;transition:width 2s ease-in-out;animation:fillBar 2s ease-in-out}.skill-item:hover{transform:translateY(-8px) scale(1.02);background:linear-gradient(135deg,#ff0040,#ff4757);color:#fff;box-shadow:0 15px 30px #ff475766,0 0 25px #ff47574d;animation:skillBounce .6s ease-in-out}.skill-item:hover .skill-fill{background:linear-gradient(135deg,#fff,#f39c12);animation:skillFillGlow 1s ease-in-out infinite}@keyframes fillBar{0%{width:0}}.dark-mode .projects{padding:6rem 0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative;overflow:hidden}.light-mode .projects{padding:6rem 0;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 50%,#ffecd2 100%);position:relative;overflow:hidden}.projects:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(52,152,219,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(155,89,182,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(231,76,60,.02) 0%,transparent 50%);animation:projectsBgFloat 15s ease-in-out infinite;z-index:0}@keyframes projectsBgFloat{0%,to{transform:translate(0) translateY(0) rotate(0)}33%{transform:translate(30px) translateY(-30px) rotate(120deg)}66%{transform:translate(-20px) translateY(20px) rotate(240deg)}}.projects h2{text-align:center;margin-bottom:4rem;font-size:3rem;font-weight:700;color:#2c3e50;position:relative}.projects h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#e74c3c,#f39c12);border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.project-card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #0000001a;transition:all .6s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden;z-index:1;transform-style:preserve-3d}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3498db,#9b59b6);z-index:2}.project-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(52,152,219,.1) 50%,transparent 70%);transition:left .8s ease;z-index:0}.project-card:hover:after{left:100%}.project-card:hover{transform:translateY(-15px) rotateX(5deg) rotateY(5deg) scale(1.03);box-shadow:0 35px 80px #0003,0 10px 20px #3498db33}.project-card:nth-child(2n):hover{transform:translateY(-15px) rotateX(-5deg) rotateY(-5deg) scale(1.03)}.project-card h3{color:#2c3e50;margin-bottom:1rem;font-size:1.4rem;font-weight:600;position:relative;z-index:2;opacity:0;animation:projectContentFadeIn .8s ease forwards;animation-delay:.2s}.project-card p{margin-bottom:1.5rem;color:#666;line-height:1.7;position:relative;z-index:2;opacity:0;animation:projectContentFadeIn .8s ease forwards;animation-delay:.4s}@keyframes projectContentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem}.tech-tag{background:linear-gradient(135deg,#ecf0f1,#bdc3c7);color:#2c3e50;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:500;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;animation:techTagFloat 3s ease-in-out infinite;animation-delay:calc(var(--index) * .2s)}@keyframes techTagFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(2deg)}}.tech-tag:nth-child(1){--index: 0}.tech-tag:nth-child(2){--index: 1}.tech-tag:nth-child(3){--index: 2}.tech-tag:nth-child(4){--index: 3}.tech-tag:nth-child(5){--index: 4}.tech-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .5s ease}.tech-tag:hover:before{left:100%}.tech-tag:hover{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;transform:translateY(-5px) scale(1.1) rotate(-2deg);box-shadow:0 8px 20px #3498db4d}.project-link{color:#3498db;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.project-link:after{content:" →";transition:transform .3s ease}.project-link:hover:after{transform:translate(5px)}.project-link:hover{color:#2980b9}.dark-mode .certificates{padding:6rem 0;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a1a 50%,#2d1b69 100%);position:relative;overflow:hidden}.light-mode .certificates{padding:6rem 0;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 50%,#ff9a9e 100%);position:relative;overflow:hidden}.certificates:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(39,174,96,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(39,174,96,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(39,174,96,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(39,174,96,.1) 75%);background-size:60px 60px;background-position:0 0,0 30px,30px -30px,-30px 0px;animation:geometricMove 30s linear infinite;opacity:.3;z-index:0}@keyframes geometricMove{0%{transform:translate(0) translateY(0) rotate(0)}to{transform:translate(60px) translateY(-60px) rotate(360deg)}}.certificates:after{content:"";position:absolute;top:20%;right:10%;width:100px;height:100px;background:linear-gradient(45deg,rgba(46,204,113,.2),rgba(39,174,96,.2));clip-path:polygon(50% 0%,0% 100%,100% 100%);animation:triangleFloat 15s ease-in-out infinite;z-index:0}@keyframes triangleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.certificates h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:2px}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.certificate-card{background:white;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;text-align:center;border-left:5px solid #27ae60}.certificate-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00000026}.certificate-card h3{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem}.issuer{color:#27ae60;font-weight:600;margin-bottom:.5rem}.year{color:#7f8c8d;font-size:.9rem}.dark-mode .testimonials{padding:6rem 0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative;overflow:hidden}.light-mode .testimonials{padding:6rem 0;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 50%,#ffecd2 100%);position:relative;overflow:hidden}.testimonials:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(circle at 15% 85%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 85% 15%,rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(circle at 45% 65%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 65% 35%,rgba(255,255,255,.6) 1px,transparent 1px);background-size:200px 200px,300px 300px,250px 250px,180px 180px,220px 220px,160px 160px;animation:starTwinkle 8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.testimonials h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#e74c3c,#f39c12);border-radius:2px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.testimonial-card{background:white;padding:2.5rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;position:relative}.testimonial-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:#3498db;line-height:1}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000026}.testimonial-card p{font-style:italic;margin-bottom:1.5rem;color:#555;line-height:1.6}.testimonial-author strong{color:#2c3e50;display:block;margin-bottom:.5rem}.testimonial-author span{color:#7f8c8d;font-size:.9rem}.dark-mode .contact{padding:6rem 0;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 50%,#533483 100%);background-size:400% 400%;animation:contactGradientShift 10s ease infinite;color:#fff;position:relative;overflow:hidden}.light-mode .contact{padding:6rem 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:400% 400%;animation:contactGradientShift 10s ease infinite;color:#fff;position:relative;overflow:hidden}@keyframes contactGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.contact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');animation:dotPattern 20s linear infinite;pointer-events:none}@keyframes dotPattern{0%{transform:translate(0) translateY(0)}to{transform:translate(20px) translateY(20px)}}.contact:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 20%,rgba(52,152,219,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(155,89,182,.1) 0%,transparent 40%);animation:contactBgSpin 15s linear infinite;z-index:0;pointer-events:none}@keyframes contactBgSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact h2{margin-bottom:1.5rem;font-size:3rem;font-weight:700;position:relative;z-index:1;opacity:0;animation:contactTitleSlide 1s ease forwards;text-shadow:0 0 20px rgba(52,152,219,.5);text-align:center}@keyframes contactTitleSlide{0%{opacity:0;transform:translateY(-50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.contact p{margin-bottom:3rem;font-size:1.2rem;opacity:0;position:relative;z-index:1;animation:contactTextFade 1s ease forwards;animation-delay:.3s;text-align:center}@keyframes contactTextFade{0%{opacity:0;transform:translateY(30px)}to{opacity:.9;transform:translateY(0)}}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1000px;margin:0 auto}.contact-form{background:rgba(255,255,255,.1);padding:2.5rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:10}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.dark-mode .form-group input,.dark-mode .form-group textarea{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff!important;cursor:text!important;pointer-events:auto;-webkit-user-select:text;user-select:text}.light-mode .form-group input,.light-mode .form-group textarea{border:1px solid rgba(0,0,0,.3);background:rgba(255,255,255,.9);color:#2c3e50!important;cursor:text!important;pointer-events:auto;-webkit-user-select:text;user-select:text}.dark-mode .form-group input::placeholder,.dark-mode .form-group textarea::placeholder{color:#ffffffb3}.light-mode .form-group input::placeholder,.light-mode .form-group textarea::placeholder{color:#2c3e50b3}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db!important;box-shadow:0 0 20px #3498db4d!important;cursor:text!important}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus{background:rgba(255,255,255,.15)!important;color:#fff!important;cursor:text!important}.light-mode .form-group input:focus,.light-mode .form-group textarea:focus{background:rgba(255,255,255,.95)!important;color:#2c3e50!important;cursor:text!important}.submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-2px);box-shadow:0 10px 30px #3498db66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-links{display:flex;flex-direction:column;gap:1.5rem}.contact-links a{color:#fff;text-decoration:none;padding:15px 25px;border:2px solid #3498db;border-radius:50px;transition:all .3s ease;font-weight:600;background:rgba(52,152,219,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;text-align:center;opacity:0;animation:contactLinksPop .8s ease forwards;animation-delay:calc(.6s + var(--link-index) * .2s);cursor:pointer;display:block;min-height:50px;display:flex;align-items:center;justify-content:center}.contact-links a:nth-child(1){--link-index: 0}.contact-links a:nth-child(2){--link-index: 1}.contact-links a:nth-child(3){--link-index: 2}.contact-links a:nth-child(4){--link-index: 3}@keyframes contactLinksPop{0%{opacity:0;transform:translateY(50px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.contact-links a:hover:before{left:100%}.contact-links a:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .6s ease;border-radius:50%}.contact-links a:hover:after{width:300px;height:300px}.contact-links a:hover{background:linear-gradient(135deg,#3498db,#2980b9)!important;transform:translateY(-8px) scale(1.05)!important;box-shadow:0 15px 40px #3498db66,0 0 30px #3498db4d!important;border-color:#2980b9!important;text-shadow:0 0 10px rgba(255,255,255,.8)!important;color:#fff!important}.contact-links a:active{transform:translateY(-5px) scale(1.02)!important}.contact-links a:focus{outline:2px solid #3498db;outline-offset:2px}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.dark-mode .footer{background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#fff;text-align:center;padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.1)}.light-mode .footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer p{opacity:.8;font-weight:300;margin-bottom:.5rem}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:#fff}}.typewriter{overflow:hidden;white-space:nowrap;margin:0 auto;display:inline-block}.cursor{animation:blink 1s step-end infinite;font-weight:100}.rain-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.rain{position:absolute;width:2px;height:20px;background:linear-gradient(transparent,rgba(255,255,255,.3),transparent);animation:rainfall linear infinite}@keyframes rainfall{0%{transform:translateY(-100vh) rotate(20deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(20deg);opacity:0}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background:rgba(255,255,255,.5);border-radius:50%;animation:float linear infinite}@keyframes float{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(100px) rotate(360deg);opacity:0}}@keyframes glitch{0%{text-shadow:.05em 0 0 #ff0000,-.05em -.025em 0 #00ff00,.025em .05em 0 #0000ff}15%{text-shadow:.05em 0 0 #ff0000,-.05em -.025em 0 #00ff00,.025em .05em 0 #0000ff}16%{text-shadow:-.05em -.025em 0 #ff0000,.025em .025em 0 #00ff00,-.05em -.05em 0 #0000ff}49%{text-shadow:-.05em -.025em 0 #ff0000,.025em .025em 0 #00ff00,-.05em -.05em 0 #0000ff}50%{text-shadow:.025em .05em 0 #ff0000,.05em 0 0 #00ff00,0 -.05em 0 #0000ff}99%{text-shadow:.025em .05em 0 #ff0000,.05em 0 0 #00ff00,0 -.05em 0 #0000ff}to{text-shadow:-.025em 0 0 #ff0000,-.025em -.025em 0 #00ff00,-.025em -.05em 0 #0000ff}}.glitch:hover{animation:glitch .3s ease-in-out}.neon{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #3498db,0 0 20px #3498db,0 0 30px #3498db,0 0 40px #3498db;animation:neonGlow 2s ease-in-out infinite alternate}@keyframes neonGlow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #3498db,0 0 20px #3498db,0 0 30px #3498db,0 0 40px #3498db}to{text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 8px #3498db,0 0 12px #3498db,0 0 18px #3498db,0 0 25px #3498db}}.parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.tilt-card{transform-style:preserve-3d;transition:transform .3s ease}.tilt-card:hover{transform:perspective(1000px) rotateX(10deg) rotateY(10deg)}.morphing-bg:before{content:"";position:absolute;top:20%;left:10%;width:200px;height:200px;background:linear-gradient(45deg,rgba(52,152,219,.1),rgba(155,89,182,.1));border-radius:50%;animation:morph 8s ease-in-out infinite;z-index:0}@keyframes morph{0%,to{border-radius:50%;transform:rotate(0) scale(1)}25%{border-radius:60% 40% 30% 70%;transform:rotate(90deg) scale(1.2)}50%{border-radius:30% 70% 60% 40%;transform:rotate(180deg) scale(.8)}75%{border-radius:70% 30% 40% 60%;transform:rotate(270deg) scale(1.1)}}.text-reveal{position:relative;overflow:hidden}.text-reveal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#3498db,transparent);transform:translate(-100%);animation:reveal 2s ease-in-out}@keyframes reveal{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:.7}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@keyframes sparkleFloat{0%{transform:translateY(0) scale(1) rotate(0);opacity:0}50%{opacity:.8;transform:translateY(-20px) scale(1.2) rotate(180deg)}to{transform:translateY(-40px) scale(.8) rotate(360deg);opacity:0}}@keyframes sparkleExplode{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5) rotate(180deg);opacity:1}to{transform:translate(-50%,-50%) scale(2) rotate(360deg);opacity:0}}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.container{max-width:95%}.about-content,.contact-content{gap:3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}}@media (max-width: 992px){.header nav{gap:2rem}.hero h2{font-size:3rem}.about-content,.contact-content,.guestbook-content{grid-template-columns:1fr;gap:2.5rem}.testimonials-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.contact-links{gap:1rem}.contact-links a{padding:12px 20px;font-size:.9rem}}@media (max-width: 768px){.header .container{flex-direction:column;gap:1rem}.header nav{gap:1.5rem;flex-wrap:wrap;justify-content:center}.hero{padding:8rem 0 4rem}.hero h2{font-size:2.5rem}.hero p{font-size:1.1rem}.about h2,.projects h2,.contact h2,.skills-section h2,.certificates h2,.testimonials h2{font-size:2.5rem}.projects-grid,.certificates-grid{grid-template-columns:1fr}.container{padding:0 15px}.testimonials-grid,.stats-grid{grid-template-columns:1fr}.contact-form,.guestbook-form{padding:1.5rem}.contact-links a{padding:12px 15px;font-size:.85rem;margin:.25rem 0}}@media (max-width: 576px){.hero h2{font-size:2rem}.cta-button{padding:12px 25px;font-size:.9rem}.about-text,.github-stats,.contact-form,.guestbook-form,.project-card,.certificate-card,.testimonial-card,.guestbook-entry{padding:1.5rem}.header h1{font-size:1.5rem}.subtitle{font-size:.8rem}.hero-buttons{flex-direction:column;align-items:center}.entries-list{max-height:300px}}@media (max-width: 480px){.hero h2{font-size:1.8rem}.hero p{font-size:1rem}.about h2,.projects h2,.contact h2,.skills-section h2,.certificates h2,.testimonials h2{font-size:2rem}.contact h2{font-size:2.2rem}.technologies{gap:6px}}@media (max-width: 360px){.container{padding:0 10px}.hero h2{font-size:1.6rem}.cta-button{padding:10px 20px;font-size:.85rem}.header-controls{gap:5px}.theme-toggle{width:45px;height:45px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dark-mode .guestbook{padding:6rem 0;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a1a 50%,#2d1b69 100%);position:relative;overflow:hidden}.light-mode .guestbook{padding:6rem 0;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 50%,#ff9a9e 100%);position:relative;overflow:hidden}.guestbook:before{content:"";position:absolute;bottom:0;left:0;width:200%;height:100px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" fill="rgba(243,156,18,0.1)"/></svg>');background-repeat:repeat-x;animation:waveMotion 20s linear infinite;z-index:1}@keyframes waveMotion{0%{transform:translate(0)}to{transform:translate(-50%)}}.guestbook:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(52,152,219,.05) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(155,89,182,.05) 0%,transparent 50%);animation:guestbookBgFloat 20s ease-in-out infinite;z-index:0}@keyframes guestbookBgFloat{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.dark-mode .guestbook h2,.light-mode .guestbook h2{text-align:center;margin-bottom:1.5rem;font-size:3rem;font-weight:700;position:relative}.dark-mode .guestbook h2{color:#e8e8e8;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.light-mode .guestbook h2{color:#2c3e50;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.guestbook h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:2px}.guestbook p{text-align:center;margin-bottom:3rem;font-size:1.2rem;opacity:.9;position:relative;z-index:1}.dark-mode .guestbook p{color:#ddd;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.light-mode .guestbook p{color:#2c3e50;text-shadow:1px 1px 1px rgba(255,255,255,.6)}.guestbook-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto}.guestbook-form-container{position:relative;z-index:1}.guestbook-form{background:rgba(255,255,255,.1);padding:2.5rem;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);box-shadow:0 15px 35px #0000001a;transition:all .3s ease}.guestbook-form:hover{transform:translateY(-5px);box-shadow:0 25px 45px #00000026}.guestbook-form .form-group{margin-bottom:1.5rem}.dark-mode .guestbook-form input,.dark-mode .guestbook-form textarea{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:all .3s ease;resize:vertical}.light-mode .guestbook-form input,.light-mode .guestbook-form textarea{width:100%;padding:1rem;border:1px solid rgba(0,0,0,.3);border-radius:10px;background:rgba(255,255,255,.8);color:#2c3e50;font-size:1rem;transition:all .3s ease;resize:vertical}.dark-mode .guestbook-form input::placeholder,.dark-mode .guestbook-form textarea::placeholder{color:#ffffffb3}.light-mode .guestbook-form input::placeholder,.light-mode .guestbook-form textarea::placeholder{color:#2c3e50b3}.dark-mode .guestbook-form input:focus,.dark-mode .guestbook-form textarea:focus{outline:none;border-color:#f39c12;background:rgba(255,255,255,.15);box-shadow:0 0 20px #f39c124d}.light-mode .guestbook-form input:focus,.light-mode .guestbook-form textarea:focus{outline:none;border-color:#f39c12;background:rgba(255,255,255,.9);box-shadow:0 0 20px #f39c124d}.guestbook-btn{width:100%;padding:15px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.guestbook-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:left .5s ease}.guestbook-btn:hover:before{left:100%}.guestbook-btn:hover{background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-2px);box-shadow:0 10px 30px #f39c1266}.guestbook-entries{position:relative;z-index:1}.guestbook-entries h3{margin-bottom:2rem;font-size:1.5rem;font-weight:600;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.2s}.dark-mode .guestbook-entries h3{color:#e8e8e8;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.light-mode .guestbook-entries h3{color:#2c3e50;text-shadow:1px 1px 1px rgba(255,255,255,.6)}.entries-list{max-height:500px;overflow-y:auto;padding-right:10px}.entries-list::-webkit-scrollbar{width:6px}.entries-list::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.entries-list::-webkit-scrollbar-thumb{background:rgba(243,156,18,.6);border-radius:3px}.entries-list::-webkit-scrollbar-thumb:hover{background:rgba(243,156,18,.8)}.guestbook-entry{background:rgba(255,255,255,.1);padding:1.5rem;border-radius:10px;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;opacity:0;animation:slideInFromRight .6s ease forwards;animation-delay:calc(.4s + var(--entry-index) * .1s)}.guestbook-entry:nth-child(1){--entry-index: 0}.guestbook-entry:nth-child(2){--entry-index: 1}.guestbook-entry:nth-child(3){--entry-index: 2}.guestbook-entry:nth-child(4){--entry-index: 3}.guestbook-entry:nth-child(5){--entry-index: 4}.guestbook-entry:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026;background:rgba(255,255,255,.15)}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.entry-name{font-weight:600;color:#f39c12;font-size:1rem}.entry-date{font-size:.9rem;opacity:.7}.dark-mode .entry-date{color:#ffffffb3}.light-mode .entry-date{color:#2c3e50b3}.entry-message{font-style:italic;line-height:1.6;color:#fffffff2;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.light-mode .entry-message{color:#2c3e50f2;text-shadow:1px 1px 1px rgba(255,255,255,.6)}@media (prefers-contrast: high){.hero{background:#000;color:#fff}.project-card,.certificate-card,.testimonial-card{border:2px solid #000}.tech-tag{border:1px solid #000}.custom-cursor,.cursor-follower{border-color:#fff;background:#fff}}@keyframes skillBounce{0%,to{transform:translateY(-8px) scale(1.02)}50%{transform:translateY(-12px) scale(1.04)}}@keyframes skillFillGlow{0%,to{background:linear-gradient(135deg,#fff,#f39c12);box-shadow:0 0 10px #f39c1280}50%{background:linear-gradient(135deg,#fff,#e74c3c);box-shadow:0 0 20px #e74c3ccc}}@keyframes statBounce{0%,to{transform:translateY(-8px) scale(1.05)}50%{transform:translateY(-12px) scale(1.08)}}@keyframes numberGlow{0%,to{text-shadow:0 0 10px rgba(255,255,255,.8)}50%{text-shadow:0 0 20px rgba(255,255,255,1)}}.projects:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,255,0,.3) 0px,transparent 1px),linear-gradient(180deg,rgba(0,255,0,.3) 0px,transparent 1px),linear-gradient(180deg,rgba(0,255,0,.3) 0px,transparent 1px);background-size:20px 30px,35px 40px,50px 60px;animation:matrixRain 15s linear infinite,matrixRain2 20s linear infinite,matrixRain3 25s linear infinite;opacity:.1;z-index:1;pointer-events:none}@keyframes matrixRain{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}@keyframes matrixRain2{0%{transform:translateY(-100vh) translate(10px)}to{transform:translateY(100vh) translate(30px)}}@keyframes matrixRain3{0%{transform:translateY(-100vh) translate(-5px)}to{transform:translateY(100vh) translate(15px)}}.about-text:after{content:"";position:absolute;top:0;right:-50px;width:100px;height:100%;background:radial-gradient(circle at 25% 25%,rgba(52,152,219,.4) 3px,transparent 3px),radial-gradient(circle at 75% 75%,rgba(231,76,60,.4) 3px,transparent 3px);background-size:50px 50px,50px 50px;animation:dnaHelix 8s linear infinite;z-index:0}@keyframes dnaHelix{0%{transform:translateY(0) rotate(0);opacity:.3}50%{opacity:.8}to{transform:translateY(-100px) rotate(360deg);opacity:.3}}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.8) 2px,transparent 2px),radial-gradient(circle at 80% 80%,rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,255,255,.7) 1px,transparent 1px),radial-gradient(circle at 30% 80%,rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(circle at 90% 10%,rgba(255,255,255,.8) 2px,transparent 2px);background-size:200px 200px,150px 150px,180px 180px,220px 220px,160px 160px;animation:constellation 30s ease-in-out infinite;opacity:.4;z-index:1;pointer-events:none}@keyframes constellation{0%,to{transform:rotate(0) scale(1);opacity:.4}25%{transform:rotate(90deg) scale(1.1);opacity:.7}50%{transform:rotate(180deg) scale(.9);opacity:.5}75%{transform:rotate(270deg) scale(1.2);opacity:.8}}.certificates:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0%,transparent 40%,rgba(255,215,0,.6) 50%,rgba(255,215,0,.3) 60%,transparent 100%);background-size:300px 300px;animation:cometTrail 12s linear infinite;opacity:.3;z-index:1;pointer-events:none}@keyframes cometTrail{0%{transform:translate(-100vw) translateY(100vh) rotate(45deg)}to{transform:translate(100vw) translateY(-100vh) rotate(45deg)}}.skills-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(255,0,150,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,0,.1) 0%,transparent 50%);animation:plasma 15s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes plasma{0%,to{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}33%{transform:scale(1.3) rotate(120deg);filter:hue-rotate(120deg)}66%{transform:scale(.8) rotate(240deg);filter:hue-rotate(240deg)}}.contact:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:rgba(255,255,255,.8);border-radius:50%;animation:fireworks 8s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes fireworks{0%{transform:translate(-50%,-50%) scale(0);opacity:1}20%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(50);opacity:0;box-shadow:0 0 0 2px #ff000080,0 0 0 4px #ffa50080,0 0 0 6px #ffff0080,0 0 0 8px #00ff0080,0 0 0 10px #0000ff80,0 0 0 12px #4b008280,0 0 0 14px #ee82ee80}}.testimonials:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 48%,rgba(255,255,255,.8) 49%,rgba(255,255,255,.8) 51%,transparent 52%,transparent 100%);animation:lightning 10s ease-in-out infinite;opacity:0;z-index:2;pointer-events:none}@keyframes lightning{0%,90%,to{opacity:0}91%,92%,93%{opacity:.8;filter:brightness(2)}94%,95%{opacity:0}96%,97%{opacity:1;filter:brightness(3)}}.project-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(52,152,219,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 6s ease-out infinite;z-index:0}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:500px;height:500px;opacity:0}}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(0,255,0,.1) 0%,rgba(0,255,255,.1) 25%,rgba(255,0,255,.1) 50%,rgba(255,255,0,.1) 75%,rgba(0,255,0,.1) 100%);animation:aurora 20s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes aurora{0%,to{transform:translate(-100%) skew(0);opacity:.3}50%{transform:translate(100%) skew(20deg);opacity:.7}}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(52,152,219,.4) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(155,89,182,.4) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(231,76,60,.4) 1px,transparent 1px);background-size:50px 50px,30px 30px,70px 70px;animation:quantumParticles 15s linear infinite;opacity:.2;z-index:0;pointer-events:none}@keyframes quantumParticles{0%{transform:translate(0) translateY(0) rotate(0)}to{transform:translate(50px) translateY(-50px) rotate(360deg)}}.holographic-shimmer{position:relative;overflow:hidden}.holographic-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,150,.4),rgba(0,255,255,.4),rgba(255,255,0,.4),transparent);animation:holographicSweep 3s ease-in-out infinite;z-index:1}@keyframes holographicSweep{0%{left:-100%}to{left:100%}}.guestbook:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,rgba(0,255,0,.03) 0px,rgba(0,255,0,.03) 1px,transparent 1px,transparent 20px);animation:digitalRain 25s linear infinite;z-index:0;pointer-events:none}@keyframes digitalRain{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.laser-beam{position:absolute;width:2px;height:100px;background:linear-gradient(0deg,transparent,rgba(255,0,0,.8),transparent);animation:laserSweep 4s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes laserSweep{0%,to{transform:translate(0) rotate(0);opacity:0}50%{transform:translate(100vw) rotate(45deg);opacity:1}}.vortex{position:absolute;top:50%;left:50%;width:200px;height:200px;background:conic-gradient(from 0deg,transparent,rgba(52,152,219,.3),transparent);border-radius:50%;animation:vortexSpin 8s linear infinite;transform:translate(-50%,-50%);z-index:0;pointer-events:none}@keyframes vortexSpin{0%{transform:translate(-50%,-50%) rotate(0) scale(0)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(0)}}.shockwave{position:absolute;top:50%;left:50%;width:0;height:0;border:2px solid rgba(255,255,255,.5);border-radius:50%;animation:shockwaveExpand 4s ease-out infinite;transform:translate(-50%,-50%);z-index:1;pointer-events:none}@keyframes shockwaveExpand{0%{width:0;height:0;opacity:1}to{width:800px;height:800px;opacity:0}}.prismatic{position:relative;overflow:hidden}.prismatic:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,0,0,.2) 35%,rgba(255,165,0,.2) 40%,rgba(255,255,0,.2) 45%,rgba(0,255,0,.2) 50%,rgba(0,0,255,.2) 55%,rgba(75,0,130,.2) 60%,rgba(238,130,238,.2) 65%,transparent 70%);animation:prismaticSweep 5s ease-in-out infinite;z-index:1}@keyframes prismaticSweep{0%{left:-100%}to{left:100%}}@keyframes quantumFloat{0%{transform:translate(0) translateY(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translate(50px) translateY(-30px) scale(1.5);opacity:.8}90%{opacity:1}to{transform:translate(100px) translateY(-60px) scale(.5);opacity:0}}.neural-network{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.neural-node{position:absolute;width:8px;height:8px;background:radial-gradient(circle,rgba(0,255,255,.8),rgba(0,255,255,.2));border-radius:50%;box-shadow:0 0 20px #0ff9;animation:neuralPulse 3s ease-in-out infinite}@keyframes neuralPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:1;box-shadow:0 0 30px #0ff}}.neural-connection{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent);transform-origin:left center;animation:dataFlow 2s linear infinite}@keyframes dataFlow{0%{background:linear-gradient(90deg,transparent,rgba(0,255,255,.8),transparent);background-size:20% 100%;background-position:-20% 0}to{background-position:120% 0}}.holographic-card{perspective:1000px;transform-style:preserve-3d;position:relative;background:linear-gradient(45deg,rgba(0,255,255,.1) 0%,rgba(255,0,255,.1) 25%,rgba(255,255,0,.1) 50%,rgba(0,255,255,.1) 75%,rgba(255,0,255,.1) 100%);background-size:400% 400%;animation:holographicShift 8s ease-in-out infinite;border:1px solid rgba(0,255,255,.3);overflow:visible}@keyframes holographicShift{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0% 0%}}.holographic-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00ffff,#ff00ff,#ffff00,#00ffff);z-index:-1;filter:blur(10px);opacity:.7;animation:holographicGlow 3s ease-in-out infinite alternate}@keyframes holographicGlow{0%{filter:blur(5px) brightness(1)}to{filter:blur(15px) brightness(1.5)}}.holographic-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent 0px,rgba(0,255,255,.03) 1px,transparent 2px,transparent 10px),repeating-linear-gradient(0deg,transparent 0px,rgba(255,0,255,.03) 1px,transparent 2px,transparent 10px);pointer-events:none;animation:scanLines 4s linear infinite}@keyframes scanLines{0%{transform:translateY(0)}to{transform:translateY(10px)}}.holographic-card:hover{transform:rotateX(10deg) rotateY(10deg) translateZ(20px);box-shadow:0 20px 40px #0000004d,0 0 20px #00ffff80,0 0 40px #ff00ff4d;animation:holographicFloat 2s ease-in-out infinite}@keyframes holographicFloat{0%,to{transform:rotateX(10deg) rotateY(10deg) translateZ(20px)}50%{transform:rotateX(15deg) rotateY(15deg) translateZ(30px)}}.holographic-text{background:linear-gradient(45deg,#00ffff,#ff00ff,#ffff00,#00ffff,#ff00ff);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:holographicTextShift 3s ease-in-out infinite;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(255,0,255,.5),0 0 30px rgba(255,255,0,.5)}@keyframes holographicTextShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.code-rain{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.code-character{position:absolute;color:#0f0c;font-family:Courier New,monospace;font-size:14px;animation:codefall linear infinite;text-shadow:0 0 5px rgba(0,255,0,.5)}@keyframes codefall{0%{transform:translateY(-100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none;z-index:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.particle-enhanced{width:3px;height:3px;background:radial-gradient(circle,rgba(0,255,255,1),rgba(0,255,255,0));border-radius:50%;box-shadow:0 0 10px #0ffc;animation:particleEnhanced linear infinite}@keyframes particleEnhanced{0%{transform:translateY(100vh) translate(0) rotate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) translate(10px) rotate(36deg) scale(1)}90%{opacity:1;transform:translateY(-10vh) translate(90px) rotate(324deg) scale(1)}to{transform:translateY(-100vh) translate(100px) rotate(360deg) scale(0);opacity:0}}.chatbot-toggle{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,#3498db,#e74c3c);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 6px 30px #0006}.chatbot-toggle.open{background:linear-gradient(135deg,#e74c3c,#3498db)}.chatbot-window{position:fixed;bottom:90px;right:20px;width:350px;height:500px;border-radius:15px;box-shadow:0 10px 40px #0000004d;z-index:999;display:flex;flex-direction:column;overflow:hidden;animation:chatbotSlideIn .3s ease-out}@keyframes chatbotSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-window.dark{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1)}.chatbot-window.light{background:linear-gradient(135deg,#ffffff,#f8f9fa);border:1px solid rgba(0,0,0,.1)}.chatbot-header{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(52,152,219,.1)}.chatbot-header h3{margin:0;font-size:16px;font-weight:600}.dark .chatbot-header h3{color:#fff}.light .chatbot-header h3{color:#333}.chatbot-close{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;border-radius:50%;transition:background .2s ease}.dark .chatbot-close{color:#fff}.light .chatbot-close{color:#333}.chatbot-close:hover{background:rgba(255,255,255,.1)}.chatbot-messages{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.message{display:flex}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-bubble{max-width:80%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user .message-bubble{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-bottom-right-radius:6px}.dark .message.bot .message-bubble{background:rgba(255,255,255,.1);color:#fff;border-bottom-left-radius:6px}.light .message.bot .message-bubble{background:rgba(0,0,0,.05);color:#333;border-bottom-left-radius:6px}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.4;animation:typingDot 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingDot{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1);opacity:1}}.chatbot-input{padding:15px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px;align-items:center}.chatbot-input input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:25px;background:rgba(255,255,255,.1);font-size:14px;outline:none;transition:all .2s ease}.dark .chatbot-input input{color:#fff}.light .chatbot-input input{color:#333;background:rgba(0,0,0,.05);border-color:#0000001a}.chatbot-input input:focus{border-color:#3498db;background:rgba(52,152,219,.1)}.chatbot-input input::placeholder{color:#fff9}.light .chatbot-input input::placeholder{color:#0006}.chatbot-input button{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chatbot-input button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 15px #3498db66}.chatbot-input button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.chatbot-window{width:calc(100vw - 40px);height:calc(100vh - 140px);bottom:90px;right:20px;left:20px}.chatbot-toggle{bottom:15px;right:15px;width:50px;height:50px;font-size:20px}}@media (max-width: 480px){.chatbot-window{width:calc(100vw - 20px);height:calc(100vh - 120px);bottom:80px;right:10px;left:10px}}