*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;color:#1a1a1a}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}.navbar{width:100%;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000000d}body.dark-mode .navbar{background-color:#1e1e1e}.navbar-title{font-size:1.5rem;font-weight:700;color:#1e40af}body.dark-mode .navbar-title{color:#60a5fa}.navbar-links{display:flex;gap:16px;align-items:center}.nav-link{text-decoration:none;font-weight:500;padding:6px 12px;border-radius:4px;transition:.2s;position:relative;color:#1e293b}.nav-link:hover{background-color:#1e40af1a}.nav-link.active{color:#1e40af}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:currentColor}body.dark-mode .nav-link{color:#ccc}body.dark-mode .nav-link:hover{background-color:#ffffff1a}body.dark-mode .nav-link.active{color:#60a5fa}.dark-toggle{background:transparent;border:none;font-size:1rem;cursor:pointer;color:#1e40af}body.dark-mode .dark-toggle{color:#60a5fa}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer}.bar{width:25px;height:3px;background-color:#1e40af;transition:.3s}body.dark-mode .bar{background-color:#60a5fa}@media (max-width: 768px){.hamburger{display:flex}.navbar-links{display:none;flex-direction:column;position:absolute;top:70px;right:40px;background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;z-index:1001}body.dark-mode .navbar-links{background-color:#1e1e1e}.navbar-links.active{display:flex}.nav-link{margin:8px 0}}.hero{min-height:90vh;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:80px 40px 40px;background-color:#fff;flex-wrap:wrap;box-sizing:border-box;overflow-x:hidden}body.dark-mode .hero{background-color:#121212}.hero-left{flex:1;max-width:600px;padding-left:40px;box-sizing:border-box}.hero-title{font-size:3rem;font-weight:700;color:#1e40af;margin-bottom:20px}body.dark-mode .hero-title{color:#60a5fa}.hero-typing{font-size:1.5rem;color:#444;margin-bottom:20px}body.dark-mode .hero-typing{color:#ccc}.hero-description{font-size:1rem;color:#555;margin-bottom:30px;line-height:1.6}body.dark-mode .hero-description{color:#bbb}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.btn-primary,.btn-outline{padding:10px 20px;border-radius:6px;font-weight:500;font-size:1rem;cursor:pointer;text-decoration:none;transition:.3s}.btn-primary{background-color:#1e40af;color:#fff;border:none}.btn-primary:hover{background-color:#1a3696}.btn-outline{border:2px solid #1e40af;color:#1e40af;background-color:transparent}.btn-outline:hover{background-color:#1e40af;color:#fff}body.dark-mode .btn-outline{border-color:#60a5fa;color:#60a5fa}body.dark-mode .btn-outline:hover{background-color:#60a5fa;color:#000}.hero-socials{margin-top:10px;display:flex;flex-wrap:wrap;gap:16px}.hero-socials a{display:flex;align-items:center;gap:8px;color:#1e40af;text-decoration:none;font-weight:500;font-size:1rem}.hero-socials a .icon{font-size:1.2rem}body.dark-mode .hero-socials a{color:#60a5fa}.hero-right{flex:1;display:flex;justify-content:flex-end;align-items:center;padding-right:40px;box-sizing:border-box}.hero-image{width:260px;height:260px;object-fit:cover;border-radius:50%;border:4px solid #1e40af;box-shadow:0 0 10px #0000001a;max-width:100%}body.dark-mode .hero-image{border-color:#60a5fa}@media (max-width: 768px){.hero{flex-direction:column;align-items:center;text-align:center;padding:80px 20px}.hero-left{padding-left:0;padding-right:0}.hero-buttons,.hero-socials{justify-content:center}.hero-right{justify-content:center;padding-right:0;margin-top:40px}}.about{min-height:90vh;padding:100px 24px 60px;background-color:#fff;display:flex;flex-direction:column;align-items:center}body.dark-mode .about{background-color:#121212}.about-content{max-width:800px;text-align:center}.about-title{font-size:2.5rem;font-weight:700;color:#1e40af;margin-bottom:20px}body.dark-mode .about-title{color:#60a5fa}.about-text{font-size:1rem;color:#444;line-height:1.8;max-width:800px;text-align:center;margin-bottom:16px}body.dark-mode .about-text{color:#ccc}.about-text strong{color:#1e40af}body.dark-mode .about-text strong{color:#60a5fa}.skills{min-height:90vh;padding:100px 24px 60px;background-color:#fff;display:flex;flex-direction:column;align-items:center}body.dark-mode .skills{background-color:#121212}.skills-content{max-width:900px;width:100%;text-align:center}.skills-title{font-size:2.5rem;font-weight:700;color:#1e40af;margin-bottom:30px}body.dark-mode .skills-title{color:#60a5fa}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.skill-box{background-color:#fff;border:1px solid #ddd;padding:12px 20px;border-radius:6px;font-weight:500;color:#333;box-shadow:0 2px 4px #0000000d;transition:transform .2s}body.dark-mode .skill-box{background-color:#1e293b;border-color:#334155;color:#e0e0e0}.skill-box:hover{transform:scale(1.05)}.projects{min-height:100vh;padding:100px 24px 60px;background-color:#fff;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-x:hidden}body.dark-mode .projects{background-color:#121212}.projects-content{max-width:1000px;width:100%;text-align:center}.projects-title{font-size:2.5rem;font-weight:700;color:#1e40af;margin-bottom:40px}body.dark-mode .projects-title{color:#60a5fa}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.project-card{background-color:#fff;border:1px solid #ddd;padding:20px;border-radius:8px;text-align:left;box-shadow:0 2px 5px #0000000d;transition:transform .2s}body.dark-mode .project-card{background-color:#1e293b;border-color:#334155;color:#e2e8f0}.project-card:hover{transform:translateY(-5px)}.project-card h3{font-size:1.2rem;color:#1e293b;margin-bottom:10px}body.dark-mode .project-card h3{color:#fff}.project-card p{font-size:.95rem;color:#444;margin-bottom:10px}body.dark-mode .project-card p{color:#ccc}.project-link{color:#1e40af;font-weight:500;text-decoration:underline}body.dark-mode .project-link{color:#60a5fa}.certifications{min-height:90vh;width:100%;padding:24px 60px;background-color:#fff;display:flex;flex-direction:column;align-items:center}body.dark-mode .certifications{background-color:#121212}.certifications-content{max-width:800px;width:100%;text-align:center}.certifications-title{font-size:2.5rem;font-weight:700;color:#1e40af;margin-bottom:40px}body.dark-mode .certifications-title{color:#60a5fa}.certification-list{list-style:none;padding:0;margin:0;width:100%}.certification-item{background-color:#f9fafb;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px;text-align:left}body.dark-mode .certification-item{background-color:#1e1e1e;border-color:#333}.certification-item h3{margin:0 0 6px;font-size:1.1rem;color:#333}body.dark-mode .certification-item h3{color:#fff}.certification-item p{font-size:.95rem;color:#666;margin-bottom:8px}body.dark-mode .certification-item p{color:#ccc}.certification-item a{color:#1e40af;text-decoration:underline;font-weight:500}body.dark-mode .certification-item a{color:#60a5fa}body{background-color:#fff;margin:0}.contact{min-height:90vh;padding:100px 24px 60px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}body.dark-mode .contact{background-color:#121212}.contact-content{max-width:800px;width:100%;text-align:center}.contact-title{font-size:2.5rem;font-weight:700;color:#1e40af;margin-bottom:20px}body.dark-mode .contact-title{color:#60a5fa}.contact-subtitle{font-size:1.1rem;color:#444;margin-bottom:24px;text-align:center}body.dark-mode .contact-subtitle{color:#ccc}.contact-text{font-size:1rem;color:#444;line-height:1.6;margin-bottom:24px;text-align:center;max-width:600px}body.dark-mode .contact-text{color:#ccc}.contact-info{font-size:1rem;color:#1a1a1a;margin-bottom:30px;line-height:1.6;text-align:center}body.dark-mode .contact-info{color:#e0e0e0}.contact-info a{color:#1e40af;text-decoration:underline}body.dark-mode .contact-info a{color:#60a5fa}.contact-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:20px}.contact-links a{border:1px solid #1e40af;padding:8px 16px;border-radius:6px;color:#1e40af;text-decoration:none;font-weight:500;transition:.2s}.contact-links a:hover{background-color:#e8f0ff}body.dark-mode .contact-links a{border-color:#60a5fa;color:#60a5fa}body.dark-mode .contact-links a:hover{background-color:#1e3a8a;color:#fff}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:#1e40af;color:#fff;text-align:center;font-size:.95rem;padding:12px 16px;z-index:1000}body.dark-mode .footer{background-color:#0c1e58;color:#e0e0e0}html,body,#root{height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;color:#1a1a1a;scroll-behavior:smooth}body.dark-mode{background-color:#121212;color:#eee}.app{display:flex;flex-direction:column;min-height:100%}.main-content{flex:1}a{text-decoration:none;color:inherit}button,.btn-primary,.btn-outline{cursor:pointer;transition:.3s;font-size:1rem}body{background-color:#fff}body.dark-mode{background-color:#121212}html,body{margin:0;padding:0;overflow-x:hidden}