*{margin:0;padding:0}body{height:100vh;background:#161513;color:#fff;font-family:outfit}.navbar{display:flex;justify-content:space-between;align-items:center;background:#000;color:#fff;padding:15px 40px;position:sticky;top:0;z-index:1000}.logo{font-size:1.8rem;font-weight:700;letter-spacing:2px;cursor:pointer;color:#fff}.nav-links{display:flex;gap:25px;transition:all .3s ease-in-out}.nav-links a{text-decoration:none;color:#fff;font-size:1rem;position:relative;transition:.3s}.nav-links a:after{content:"";position:absolute;width:0%;height:2px;left:0;bottom:-5px;background:#00bcd4;transition:.3s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#00bcd4}.nav-connect{position:relative}.connect-btn{background:#00bcd4;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:700;border:none;color:#000;transition:.3s ease-in-out}.connect-btn:hover{background:#0097a7;color:#fff;transform:scale(1.05)}.connect-dropdown{position:absolute;top:50px;right:0;background:#111;border:1px solid #00bcd4;border-radius:6px;padding:10px;z-index:999;min-width:220px}.connect-link{display:block;color:#64ffda;text-decoration:none;font-size:.95rem;padding:6px 10px;transition:.3s}.connect-link:hover{background:#00bcd4;color:#000;border-radius:4px}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px}.bar{width:25px;height:3px;background:#fff;border-radius:2px;transition:.3s}@media (max-width: 768px){.nav-links{position:absolute;top:65px;right:0;background:#000;flex-direction:column;width:200px;height:auto;padding:20px;gap:15px;transform:translate(100%);opacity:0;pointer-events:none}.nav-links.open{transform:translate(0);opacity:1;pointer-events:auto}.hamburger{display:flex}.nav-connect{margin-left:10px}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:80px 10%;background:#000;color:#ccd6f6;min-height:100vh;text-align:center}.hero img{width:280px;height:280px;border-radius:50%;object-fit:cover;border:3px solid #64ffda;box-shadow:0 0 20px #64ffda80;transition:.3s ease-in-out}.hero img:hover{transform:scale(1.05);box-shadow:0 0 30px #64ffda}.hero h1{font-size:2.5rem;font-weight:700;color:#64ffda;margin-bottom:15px;transition:.3s ease-in-out}.hero h1:hover{color:#fff}.hero p{font-size:1.1rem;line-height:1.6;max-width:650px;margin:0 auto 25px;color:#ccd6f6}.hero-action{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.hero-connect,.hero-resume{background:transparent;border:2px solid #64ffda;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;color:#64ffda;cursor:pointer;transition:all .3s ease-in-out}.hero-connect:hover,.hero-resume:hover{background:#64ffda;color:#0a192f;box-shadow:0 0 15px #64ffda,0 0 30px #64ffda;transform:scale(1.05)}@media (max-width: 900px){.hero img{width:200px;height:200px}.hero h1{font-size:2rem}.hero p{font-size:1rem}}.about{background:#000;color:#ccd6f6;padding:80px 10%;min-height:100vh;display:flex;gap:60px;align-items:flex-start}.about-left img{width:300px;height:auto;object-fit:cover;display:block;border:none;border-radius:0;box-shadow:none}.about-right{flex:1}.about-title h1{font-size:2.8rem;font-weight:700;color:#64ffda;margin-bottom:30px}.about-para p{font-size:1.1rem;line-height:1.6;margin-bottom:20px;text-align:justify}.about-skills{margin-top:30px}.about-skill{margin-bottom:15px}.about-skill p{margin:0 0 5px;font-size:1rem;font-weight:600;color:#64ffda}.about-skill hr{height:6px;border:none;border-radius:6px;background:#64ffda}.about-achievements{margin-top:40px;display:flex;gap:40px;flex-wrap:wrap}.about-achievement{text-align:center;background:#112240cc;padding:20px 35px;border-radius:12px;border:2px solid #64ffda}.about-achievement h1{font-size:2.5rem;font-weight:700;color:#64ffda;margin-bottom:10px}.about-achievement p{font-size:1rem;font-weight:500;color:#ccd6f6}@media (max-width: 900px){.about{flex-direction:column;align-items:center;text-align:center}.about-left img{width:220px}}.projects{min-height:100vh;background:#000;color:#ccd6f6;padding:80px 20px;text-align:center}.projects-title{font-size:2.5rem;color:#64ffda;margin-bottom:50px;transition:.3s}.projects-title:hover{color:#fff;transform:scale(1.05)}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;max-width:1100px;margin:0 auto}.project-card{background:#111;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0009;transition:transform .3s ease,background .3s ease;text-align:left;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);background:#1a1a1a}.project-img{width:100%;height:180px;object-fit:cover;border-bottom:2px solid #64ffda}.project-content{padding:20px}.project-card h3{font-size:1.3rem;color:#64ffda;margin-bottom:10px}.project-card .date{font-size:.9rem;color:#8892b0;margin-bottom:10px;font-style:italic}.project-card .desc{font-size:1rem;line-height:1.6}@media (max-width: 768px){.projects-title{font-size:2rem}.project-card h3{font-size:1.1rem}.project-card .desc{font-size:.95rem}}@media (max-width: 480px){.projects-title{font-size:1.7rem}.project-card h3{font-size:1rem}.project-card .desc{font-size:.85rem}}.contact{background:#000;color:#ccd6f6;padding:80px 20px;text-align:center}.contact-title{font-size:2.5rem;color:#64ffda;margin-bottom:40px;transition:.3s}.contact-title:hover{color:#fff;transform:scale(1.05)}.contact-info{max-width:600px;margin:0 auto;text-align:left}.contact-info p{font-size:1.2rem;margin:15px 0;display:flex;align-items:center;transition:.3s}.contact-info p:hover{color:#64ffda;transform:translate(5px)}.contact-info .icon{color:#64ffda;margin-right:10px;font-size:1.5rem}.contact-info a{color:#ccd6f6;text-decoration:none;transition:.3s}.contact-info a:hover{color:#64ffda;text-decoration:underline}@media (max-width: 768px){.contact-title{font-size:2rem}.contact-info p{font-size:1rem}.contact-info .icon{font-size:1.2rem}}.achievements{padding:60px 20px;background:#000;color:#fff;text-align:center}.achievements-title{font-size:2rem;margin-bottom:30px;color:#64ffda}.certificates-list{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.certificate-card{background:#111;padding:20px;border-radius:10px;width:250px;text-align:center;transition:.3s;border:1px solid #233554}.certificate-card:hover{transform:translateY(-5px);border-color:#64ffda}.certificate-card h3{margin-bottom:15px;font-size:1.2rem}.view-btn{display:inline-block;padding:8px 14px;background:#64ffda;color:#0a192f;font-weight:700;border-radius:6px;text-decoration:none;transition:.3s}.view-btn:hover{background:#fff;color:#0a192f}.footer{background:#000;color:#fff;text-align:center;padding:15px 0;font-size:.9rem;border-top:1px solid #112240}.footer p{margin:0;color:#8892b0}