*{margin:0;padding:0}a{color:inherit;cursor:pointer;text-decoration:none}a:hover{text-decoration:none}.navbar{z-index:100;background:#0d0d0d;justify-content:space-between;align-items:center;padding:15px 10%;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000080}.nav-logo img{cursor:pointer;width:120px;transition:transform .3s}.nav-logo img:hover{transform:scale(1.1)}.nav-links{align-items:center;gap:25px;transition:all .3s;display:flex}.nav-links a{color:#fff;cursor:pointer;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#f0c}.menu-icon{cursor:pointer;flex-direction:column;gap:5px;display:none}.menu-icon span{background:#fff;width:25px;height:3px;transition:all .3s}.menu-icon.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.menu-icon.active span:nth-child(2){opacity:0}.menu-icon.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:900px){.menu-icon{display:flex}.nav-links{background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:60%;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links a{font-size:1.2rem}}.logo-container{cursor:pointer;justify-content:center;align-items:center;display:flex}.logo-text{color:#e1b4d9;letter-spacing:1px;font-size:2rem;font-weight:700;transition:transform .4s,color .4s;position:relative}.logo-text:hover{color:#5b2cff;transform:scale(1.2)rotate(-5deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}*,:before,:after{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif}.home-section{text-align:center;color:#4387cb;background:linear-gradient(135deg,#2b1055,#7597de);justify-content:center;align-items:center;min-height:80vh;padding:0 10%;display:flex}.home-left{max-width:700px;animation:1s fadeInLeft}.home-title{margin-bottom:10px;font-size:2.8rem;font-weight:600}.home-title span{background:linear-gradient(90deg,#f0c,#5b2cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.home-role{color:#0fc;margin-bottom:15px;font-size:1.8rem;animation:2s infinite alternate slideIn}.home-desc{color:#f1f1f1;margin-bottom:25px;font-size:1.1rem;line-height:1.6}.home-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#5b2cff);border:none;border-radius:30px;padding:12px 25px;font-size:1rem;transition:all .3s}.home-btn:hover{transform:scale(1.07);box-shadow:0 0 15px #f0c}@keyframes slideIn{0%{letter-spacing:2px}to{letter-spacing:6px}}@keyframes fadeInLeft{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.home-title{font-size:2rem}.home-role{font-size:1.3rem}.home-desc{font-size:1rem}.home-section{padding:60px 6%}}.social-links{justify-content:center;gap:25px;margin-top:25px;display:flex}.social-icon{color:#fff;font-size:1.8rem;transition:all .3s}.social-icon:hover{transform:scale(1.2)}.github:hover{color:#6e5494}.linkedin:hover{color:#0077b5}.whatsapp:hover{color:#25d366}.email:hover{color:#ff6b6b}@media (max-width:768px){.social-links{gap:18px}.home-section{min-height:50vh}.social-icon{font-size:1.5rem}}.about-section{color:#fff;background:#1a1a2e;justify-content:center;align-items:center;padding:80px 10%;display:flex}.about-card{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;max-width:1100px;display:flex}.about-image{background:linear-gradient(135deg,#f0c,#5b2cff);border-radius:50%;width:280px;height:280px;padding:8px;animation:4s ease-in-out infinite float;overflow:hidden;box-shadow:0 0 40px #f0c6}.about-image img{object-fit:cover;border-radius:50%;width:100%;height:100%}.about-content{max-width:600px}.about-title{margin-bottom:20px;font-size:2rem}.about-desc{color:#e3e3e3;font-size:1.05rem;line-height:1.6}@media (max-width:768px){.about-card{text-align:center;flex-direction:column}.about-image{width:220px;height:220px}.about-title{font-size:1.8rem}.about-desc{font-size:.95rem}}.skills-section{color:#fff;text-align:center;background:radial-gradient(circle at 0 0,#19082f,#0a0a1a 70%);min-height:100vh;padding:80px 10%;animation:1.2s fadeIn;overflow:hidden}.skills-title,.tools-title{background:linear-gradient(90deg,#f0c,#007bff,#0ff);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;-webkit-background-clip:text;margin-bottom:40px;font-size:2.5rem;animation:2s ease-in-out infinite alternate glow}.skills-grid,.tools-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;gap:25px;margin-bottom:60px;display:grid}.skill-card,.tool-card{cursor:pointer;background:#ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;padding:25px 10px;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #ff00ff26}.skill-card:before,.tool-card:before{content:"";opacity:.4;z-index:0;background:conic-gradient(#f0c,#5b2cff,#0ff,#007bff,#f0c);width:200%;height:200%;animation:6s linear infinite spin;position:absolute;top:-50%;left:-50%}.skill-card:after,.tool-card:after{content:"";z-index:0;background:#000000b3;border-radius:18px;position:absolute;inset:2px}.skill-card:hover,.tool-card:hover{transform:translateY(-8px)scale(1.05);box-shadow:0 0 30px #f0f6}.skill-icon,.tool-icon{z-index:1;color:#0ff;margin-bottom:10px;font-size:2.8rem;animation:3s ease-in-out infinite float}.skill-card p,.tool-card p{color:#fff;z-index:1;letter-spacing:.5px;font-size:1.1rem;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%{text-shadow:0 0 10px #f0c,0 0 25px #0ff}to{text-shadow:0 0 25px #007bff,0 0 40px #f0c}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.skills-section{padding:60px 6%}.skills-title,.tools-title{margin-bottom:25px;font-size:2rem}.skill-card,.tool-card{width:130px;height:130px}.skill-icon,.tool-icon{font-size:2.3rem}.skill-card p,.tool-card p{font-size:.9rem}}.projects-section{color:#fff;text-align:center;background:#0d0d0d;padding:100px 10%;overflow:hidden}.projects-title{color:#f0c;margin-bottom:50px;font-size:2.5rem;animation:1.5s fadeIn;position:relative}.projects-title:after{content:"";background:linear-gradient(90deg,#5b2cff,#f0c);border-radius:2px;width:80px;height:3px;margin:10px auto 0;animation:2s linear infinite alternate glowUnderline;display:block}.projects-grid{flex-direction:column;gap:60px;display:flex}.project-card{opacity:0;animation:1s forwards cardFadeIn;animation-delay:var(--delay);background:linear-gradient(145deg,#5b2cff,#f0c);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:30px;transition:transform .4s,box-shadow .4s;display:flex;box-shadow:0 0 30px #5b2cff66}.project-card:first-child{--delay:.1s}.project-card:nth-child(2){--delay:.3s}.project-card:nth-child(3){--delay:.5s}.project-card:nth-child(4){--delay:.7s}.project-card:hover{transform:translateY(-15px)rotate(-2deg)scale(1.05);box-shadow:0 0 60px #f0cc}.project-card.image-right{flex-direction:row}.project-card.image-left{flex-direction:row-reverse}.project-info,.project-img{flex:1;width:50%}.project-info{text-align:left;padding:20px}.project-info h3{color:#fff;margin-bottom:10px;font-size:1.8rem;animation:1s forwards fadeInUp}.project-info p{color:#e0e0e0;margin-bottom:8px;font-size:1rem;animation:1s forwards fadeInUp}.project-tech{color:#0fc;font-weight:700}.project-links a{color:#fff;align-items:center;gap:8px;margin-right:15px;font-weight:500;text-decoration:none;transition:transform .3s,color .3s;display:inline-flex}.project-links a:hover{color:#fc0;transform:scale(1.15)translateY(-3px)}.project-img img{object-fit:cover;border-radius:15px;width:100%;transition:transform .5s,box-shadow .5s;animation:4s ease-in-out infinite alternate floatImage}.project-card:hover .project-img img{transform:scale(1.05)rotate(-1deg);box-shadow:0 0 40px #ff00cc80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes floatImage{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(1deg)}50%{transform:translateY(0)rotate(-1deg)}75%{transform:translateY(5px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes glowUnderline{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:992px){.project-card{text-align:center;flex-direction:column!important}.project-info,.project-img{width:100%}.project-info{text-align:center}}.github-section{text-align:center;color:#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 10%;display:flex;overflow:hidden}.contrib-section{background:linear-gradient(135deg,#0d0b33,#104,#000);animation:1s fadeIn}.stats-section{background:linear-gradient(135deg,#000428,#004e92,#001a33);animation:1s fadeIn}.github-container{width:100%;max-width:1100px}.github-title{text-transform:uppercase;background:linear-gradient(90deg,#0ff,#f0c,#00ff6a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:40px;font-size:2.8rem;animation:2s infinite alternate glow}.github-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border-radius:20px;padding:40px;transition:all .4s;box-shadow:0 0 25px #0ff3}.github-card:hover{transform:scale(1.03);box-shadow:0 0 30px #ff00ff4d}.github-image{border-radius:10px;width:100%;max-width:900px;margin:20px auto;transition:all .4s;box-shadow:0 0 25px #00ffff4d}.github-image:hover{transform:scale(1.05);box-shadow:0 0 35px #f0f6}.social-icons{margin-top:30px}.social-icons a{color:#000;background:linear-gradient(90deg,#f0c,#0ff);border-radius:12px;align-items:center;gap:10px;padding:12px 28px;font-weight:700;text-decoration:none;transition:all .4s;display:inline-flex;box-shadow:0 0 20px #0ff6}.social-icons a:hover{transform:scale(1.1);box-shadow:0 0 25px #f0c}@media (max-width:768px){.github-title{font-size:2rem}.github-card{padding:25px 15px}.social-icons a{padding:10px 22px;font-size:1rem}}.contact-section{color:#fff;background:linear-gradient(135deg,#0a001a,#160040,#000814);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 10%;animation:1s fadeIn;display:flex;overflow:hidden}.contact-container{text-align:center;width:100%;max-width:1100px}.contact-title{text-transform:uppercase;background:linear-gradient(90deg,#f0c,#007bff,#0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:60px;font-size:3rem;animation:2s infinite alternate glow}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-content:center;align-items:center;gap:50px;display:grid}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:20px;padding:40px 30px;animation:4s ease-in-out infinite float;box-shadow:0 0 25px #0ff3}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff14;border:none;border-radius:10px;outline:none;width:100%;margin-bottom:20px;padding:15px;font-size:1rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{background:#00ffff1a;box-shadow:0 0 10px #0ff}.contact-form textarea{resize:none;min-height:120px}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#007bff,#f0c);border:none;border-radius:10px;width:100%;padding:14px;font-size:1.1rem;transition:all .3s}.contact-form button:hover{background:linear-gradient(90deg,#f0c,#0ff);transform:scale(1.05);box-shadow:0 0 20px #f0c}.contact-social{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:20px;padding:40px;box-shadow:0 0 25px #f0f3}.contact-social h3{background:linear-gradient(90deg,#f0c,#0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:30px;font-size:1.8rem}.social-icons{flex-direction:column;gap:20px;display:flex}.social-icons a{color:#fff;background:#ffffff14;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex}.social-icons a:hover{color:#000;background:linear-gradient(90deg,#0ff,#f0c);transform:translate(8px);box-shadow:0 0 15px #0ff}@media (max-width:768px){.contact-title{margin-bottom:40px;font-size:2.2rem}.contact-grid{gap:30px}.contact-form,.contact-social{padding:30px 20px}}.footer-section{color:#fff;text-align:center;background:#0d0d0d;padding:30px 10%;position:relative}.footer-section p{color:#f0c;margin-bottom:15px;font-size:1rem;animation:1.5s fadeIn}.scroll-top-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#5b2cff);border:none;border-radius:30px;padding:10px 20px;font-size:1rem;transition:transform .3s,box-shadow .3s}.scroll-top-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #f0c}@media (max-width:768px){.scroll-top-btn{padding:8px 15px;font-size:.9rem}}