*{margin:0;padding:0}body{font-family:outfit;height:100vh;background:#fff;color:#1a1a1a;margin:0;padding:0}.navbar{display:flex;align-items:center;justify-content:space-around;position:fixed;top:0;left:0;width:100%;z-index:1000;height:72px;background-color:#fff;box-shadow:0 1px 8px #00000014;padding-bottom:10px;border-radius:1px}.navbar h1{color:#0d6efd}.nav-menu{display:flex;align-items:center;gap:60px;font-size:23px;list-style:none;transition:.3s ease}.nav-menu a{text-decoration:none;color:#1a1a1a}.nav-menu a:hover{color:#0d6efd;transition:.25s}.nav-connect{background-color:#0d6efd;padding:20px 40px;border-radius:50px;color:#fff;cursor:pointer;font-size:22px;margin-top:8px;transition:.5s}.nav-connect:hover{transform:scale(1.05)}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;background:transparent;border:none;padding:0}.hamburger span{display:block;height:3px;width:100%;background-color:#0d6efd;border-radius:2px}.nav-menu-mobile{position:fixed;top:0;right:-120%;width:72%;max-width:420px;height:100vh;background:#ffffff90;-webkit-backdrop-filter:blur(55px);backdrop-filter:blur(55px);box-shadow:-8px 0 30px #00000014;padding:26px 18px;display:flex;flex-direction:column;gap:20px;transition:right .36s ease;z-index:1100}.close-btn{display:none;align-self:flex-end;font-size:24px;cursor:pointer;color:#1a1a1a;background:transparent;border:none;padding:6px}.nav-menu-mobile ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}.nav-menu-mobile a{text-decoration:none;color:#1a1a1a;font-size:1.15rem}.nav-menu-mobile a:hover{color:#0d6efd}.nav-menu-cta{margin-top:auto}.nav-menu-cta .nav-connect{display:inline-block}@media (max-width: 768px){.hamburger{display:flex;margin-right:30px}.nav-menu,.nav-connect{display:none}.navbar.open .nav-menu-mobile{right:0}.navbar.open .nav-menu-mobile .close-btn{display:block}.navbar{justify-content:space-between;padding:0 16px;width:100%}}@media (max-width: 460px){.nav-menu-mobile{width:78%;padding:22px 14px}.nav-menu-mobile a{font-size:1.85rem;margin-bottom:80px}.close-btn{font-size:22px}.nav-menu{transform:translate(100%);transition:transform .32s ease;will-change:transform}.nav-menu-cta .nav-connect{display:none}.navbar.open .nav-menu{transform:translate(0)}}@media (max-width: 360px){.nav-menu-mobile{width:86%;padding:18px 12px}.nav-menu-mobile a{font-size:1.7rem;line-height:40px}.hamburger{width:26px;height:18px}}.footer{background-color:#0d6efd;color:#fff;display:flex;align-items:center;justify-content:space-around;margin-bottom:1px;height:200px;font-size:1.1rem}.footer-about p{text-align:center;margin-top:15px}.footer-about h3{text-align:center;margin-top:10px}.footer-links ul a{text-decoration:none;color:#fff}a:hover{color:#b3e5fc}ul{list-style:none;margin-top:10px}li a{text-decoration:none;color:#fff}.contact p{margin-top:1px}.contact h3{margin-right:20px}.footer-divider{width:70%;border:none;border-top:1px solid hsla(0,0%,100%,.773)}.footer-copy{text-align:center;background-color:#0d6efd;color:#fff;padding:10px}h3{color:#e0e0e0}@media (max-width: 768px){.footer{display:flex;flex-wrap:wrap;gap:18px;padding:28px 16px;align-items:flex-start;justify-content:space-between;margin-top:36px;box-sizing:border-box}.footer>div{flex:1 1 50%;min-width:160px;text-align:left}.footer h3{font-size:16px;margin-bottom:8px;color:#e6f4ff}.footer p,.footer li,.footer a{font-size:14px;color:#fff;line-height:1.4}.footer-divider{width:100%;margin:14px 0}.footer-copy{padding:12px}}@media (max-width: 432px){.footer{align-items:center;flex-direction:column;justify-content:center;gap:12px;padding:22px 12px;margin-top:36px;height:auto}.footer>div{flex:1 1 100%;width:100%;text-align:left;padding:7px 4px;box-sizing:border-box;justify-content:center}.footer-about,.footer-menu,.footer-links,.contact{margin:0}.footer h3{font-size:20px}.footer p,.footer li,.footer a{font-size:17px}.footer-divider{width:100%;margin:0}.footer-copy{font-size:16px;padding:8px 6px}}.footer-menu,.footer-links,.contact{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}ul li{margin-right:13px}.footer-links h3{margin-right:25px}.hero img{height:450px;border-radius:50%;margin-top:160px}.hero{display:flex;align-items:center;flex-direction:column;gap:35px;color:#444}.hero h1{text-align:center;width:70%;font-size:70px;font-weight:600}.hero-action{display:flex;align-items:center;gap:25px;font-weight:500px;font-size:24px;margin-bottom:30px}.hero-connect{padding:20px 40px;background-color:#0d6efd;border-radius:50px;color:#fff;transition:.2s}a{text-decoration:none}.hero-resume{padding:20px 40px;background-color:#0d6efd;border-radius:50px;color:#fff;transition:.2s}.hero-connect:hover,.hero-resume:hover{transform:scale(1.02)}@media (max-width:430px){.hero{margin-top:5px}.hero img{height:270px;margin-bottom:10px}.hero h1{font-size:32px;margin-bottom:5px;width:90%}.hero-action{font-size:15px;gap:10px;font-weight:500;margin-bottom:40px}}:root{--primary: #0d6efd;--muted: #666;--text: #1a1a1a;--card-bg: #fff;--container-width: 1600px}.container{max-width:var(--container-width);margin:0 auto;padding:120px}.about-hero{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start;margin-top:18px}.about-title{color:var(--primary);margin:0 0 8px;font-size:28px;font-weight:700;font-family:Outfit,sans-serif}.lead{color:var(--text);margin-bottom:16px;line-height:1.6;font-size:1.2rem}.contact-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.btn{display:inline-block;padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-outline{background:transparent;border:1px solid rgba(13,110,237,.14);color:var(--primary)}.about-card{background:var(--card-bg);border-radius:12px;padding:18px;text-align:center;box-shadow:0 6px 20px #0d6eed0f}.about-photo{width:140px;height:140px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 12px}.card-name{margin:8px 0 4px;font-weight:700;color:var(--text)}.card-role{margin:0 0 12px;color:var(--muted)}.card-info{list-style:none;margin:0;padding:0;color:var(--muted);font-size:14px}.card-info li{margin:8px 0}.card-email{margin-left:20px}.card-info li a{color:#1a1a1a}.card-info li a:hover{color:#0d7dfd}.skills-section{margin-top:36px}.section-title{color:var(--text);margin:0 0 12px;font-size:20px}.skills-grid{display:grid;gap:12px}.skill{padding:6px 0}.skill-head{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--muted);font-weight:600}.skill-bar{background:#eee;height:10px;border-radius:999px;overflow:hidden}.skill-bar-inner{height:100%;background:linear-gradient(90deg,var(--primary),#7c3aed);width:0;border-radius:999px;transition:width 1s cubic-bezier(.2,.9,.3,1)}.timeline-section{margin-top:28px}.timeline{border-left:2px solid rgba(13,110,237,.08);padding-left:20px}.timeline-item{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--primary);margin-left:-28px;margin-top:6px}.timeline-body h4{margin:0 0 6px;color:var(--text);font-size:16px}.timeline-date{color:var(--muted);font-size:13px;display:block;margin-bottom:6px}.about-footer-cta{text-align:center;margin:36px 0 80px}.about-footer-cta p{margin:0 0 12px;color:var(--muted)}@media (max-width: 880px){.about-hero{grid-template-columns:1fr;text-align:left}.about-card{order:-1;margin-bottom:8px}.skills-grid{grid-template-columns:1fr}}@media (max-width: 480px){.about-photo{width:110px;height:110px}.about-title{font-size:22px}}@media (max-width: 480px){.container{padding:20px;margin-top:72px}.about-hero{grid-template-columns:1fr;gap:18px;align-items:start;width:100%;justify-items:stretch}.about-title,.lead,.about-card,.skills-section,.timeline-section{width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}.about-photo{width:100px;height:100px;margin:0 auto 12px}.about-title{font-size:20px;text-align:left}.lead{font-size:15px;line-height:1.5}.skills-grid{grid-template-columns:1fr;gap:10px}.timeline-item{flex-direction:column;gap:8px}.timeline-dot{margin-left:0;margin-top:0}.contact-ctas{justify-content:center;gap:10px}.btn{padding:10px 12px;font-size:14px}html,body{overflow-x:hidden}}.services-section{text-align:center;padding:80px 20px;background-color:#fff;color:#333}.services-title{font-size:2.4rem;font-weight:700;margin-bottom:50px;color:#0d6efd;margin-top:10px}.services-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:1500px;margin:0 auto;padding:40px 20px;box-sizing:border-box}.service-card{background:linear-gradient(135deg,#0d6efd,#0dcaf0);border-radius:16px;padding:30px 20px;color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;width:400px}.service-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #0d6efd4d}.service-icon{font-size:2.5rem;margin-bottom:10px}.service-card h3{font-size:1.4rem;margin-top:10px}.service-card p{font-size:.95rem;margin-top:10px;color:#f1f1f1}.why-me{text-align:center;padding:80px 40px;background-color:#f8f9fa}.why-me h2{font-size:2rem;color:#0d6efd;margin-bottom:20px}.why-me p{max-width:800px;margin:0 auto 30px;color:#444;font-size:1.2rem}.why-me ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;color:#222}.why-me li{background:#fff;border-radius:8px;padding:15px 25px;box-shadow:0 4px 10px #0000001a;transition:all .3s ease}.why-me li:hover{background:#0d6efd;color:#fff;transform:translateY(-5px)}.tools{text-align:center;padding:80px 40px;background-color:#f8f9fa}.tools-intro{color:#555;font-size:1.1rem;max-width:700px;margin:0 auto 40px}.tool:hover … .tools{text-align:center;padding:80px 40px;background-color:#f8f9fa}.tools h2{color:#0d6efd;font-size:2.3rem;margin-bottom:15px}.tools-intro{color:#555;font-size:1.2rem;max-width:700px;margin:0 auto 40px}.tools-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.tool{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:12px;padding:20px;width:120px;box-shadow:0 4px 15px #0000001a;transition:transform .3s,box-shadow .3s}.tool img{width:60px;height:60px;margin-bottom:10px}.tool span{font-weight:600;color:#0d6efd}.tool:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00000026}.portfolio{text-align:center;padding:60px 20px;background-color:#fff;margin-top:30px}.portfolio-title{font-size:2rem;color:#0d6efd;margin-bottom:5px}.portfolio-subtitle{font-size:1.1rem;color:#555;margin-bottom:40px}.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;max-width:1400px;margin:0 auto}.portfolio-card{background:linear-gradient(135deg,#0d6efd,#0a58ca);color:#fff;padding:20px;border-radius:12px;width:400px;height:300px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;overflow:hidden}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 6px 18px #00000040}.project-img{width:80%;height:170px;object-fit:contain;border-radius:20px;margin-bottom:10px;padding:10x}.portfolio-card h3{font-size:1.1rem;margin-bottom:8px}.portfolio-card p{font-size:.9rem;margin-bottom:15px}.view-btn{background-color:#fff;color:#0d6efd;text-decoration:none;padding:8px 18px;border-radius:20px;font-weight:600;transition:.3s}.view-btn:hover{background-color:#084298;color:#fff}.coming-text{background-color:#ffc107;color:#000;padding:5px 15px;border-radius:15px;font-weight:600}.tech-section{margin-top:50px;font-size:1rem;color:#333}@media (max-width: 768px){.portfolio-card{width:90%}}.contact-section{background-color:#f9f9ff;padding:100px 0;display:flex;justify-content:center}.contact-container{width:90%;max-width:850px;background:#fff;padding:50px;border-radius:20px;box-shadow:0 0 25px #0d6dfd1a;text-align:center}.contact-heading{font-size:2.3rem;color:#0d6efd;margin-bottom:15px}.contact-subtext{color:#555;margin-bottom:40px}.contact-details{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px;gap:25px}.detail-box{flex:1;min-width:200px;background:linear-gradient(45deg,#0d6efd,#007bff);color:#fff;padding:25px 15px;border-radius:15px;box-shadow:0 5px 15px #0d6dfd33;transition:.3s ease}.detail-box:hover{transform:translateY(-5px)}.detail-box i{font-size:28px;margin-bottom:10px}.detail-box h4{margin-bottom:8px;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{display:block;color:#333;margin-bottom:6px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #ccc;transition:.3s ease;font-size:15px;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:#0d6efd;outline:none}textarea{resize:none;height:120px}.submit-btn{background:linear-gradient(45deg,#0d6efd,#007bff);color:#fff;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;transition:.3s ease;font-size:16px}.submit-btn:hover{background:linear-gradient(45deg,#0056d2,#0d6efd)}