.navbar{background-color:#1a1a1a;padding:12px 24px;display:flex;justify-content:center;gap:30px;box-shadow:0 2px 10px #00000040;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:sticky;top:0;z-index:100}.navbar a{color:#e0e0e0;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .3s ease;padding:6px 10px;border-radius:6px}.navbar a:hover,.navbar a:focus{color:#fc0;background-color:#ffcc0026;outline:none}.hero{background:linear-gradient(135deg,#f9fafb,#fff,#f1f5f9);padding:4rem 1.5rem}.hero-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-image img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 20px #0000001a}.hero-text{text-align:center;max-width:700px}.hero-text h1{font-size:2.5rem;margin-bottom:.5rem;color:#222}.hero-text h1 .highlight{color:#2563eb}.hero-text h2{font-size:1.2rem;font-weight:500;color:#555;margin-bottom:1.5rem}.hero-text p{color:#444;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:.3s ease}.btn.primary{background:#2563eb;color:#fff}.btn.primary:hover{background:#1d4ed8}.btn.secondary{border:2px solid #2563eb;color:#2563eb}.btn.secondary:hover{background:#e0e7ff}@media (min-width: 768px){.hero-container{flex-direction:row;align-items:center;text-align:left}.hero-text{flex:1}}.about-container{max-width:800px;margin:3rem auto;padding:2rem 1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.6}.about-container h1{font-size:2.5rem;margin-bottom:1rem;color:#0d8abc;font-weight:700;letter-spacing:1.2px;text-align:center}.about-container h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#222;border-bottom:2px solid #0d8abc;padding-bottom:.3rem}.about-container p{font-size:1.1rem;margin-bottom:1.2rem}.about-container ul{list-style-type:disc;padding-left:1.5rem;font-size:1.1rem;color:#444}.about-container ul li{margin-bottom:.6rem}.contact-section{margin:4rem auto;max-width:500px;background-color:#fff;padding:35px 30px;border-radius:15px;box-shadow:0 14px 30px #0d8abc33;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-section h3{font-size:2rem;font-weight:800;color:#0d8abc;margin-bottom:28px;letter-spacing:1.3px}.contact-section p{font-size:1.1rem;margin-bottom:30px;color:#444}.contact-section p strong{color:#0d8abc;font-weight:700}.contact-link{color:#0d8abc;text-decoration:none;font-weight:700;transition:color .3s ease}.contact-link:hover,.contact-link:focus{color:#075a71;text-decoration:underline;outline:none}.contact-buttons{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.btn{padding:14px 30px;border-radius:35px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;min-width:140px;box-shadow:0 7px 20px #0d8abc4d;transition:all .3s ease;-webkit-user-select:none;user-select:none;font-size:1.1rem}.btn.primary{background-color:#0d8abc;color:#fff;border:none}.btn.primary:hover,.btn.primary:focus{background-color:#075a71;box-shadow:0 10px 25px #075a7180;transform:translateY(-3px);outline:none}.btn.secondary{background-color:transparent;color:#0d8abc;border:2px solid #0d8abc;box-shadow:none}.btn.secondary:hover,.btn.secondary:focus{background-color:#0d8abc;color:#fff;box-shadow:0 10px 25px #0d8abc66;transform:translateY(-3px);outline:none}@media (max-width: 440px){.contact-buttons{flex-direction:column}.btn{min-width:100%}}.projects-container{max-width:1000px;margin:70px auto 50px;padding:0 20px;text-align:center}.projects-container h2{font-size:2.75rem;margin-bottom:45px;color:#0d8abc;font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.project-card{background-color:#f8f9fa;padding:25px 20px;border-radius:18px;box-shadow:0 6px 18px #0000001a;text-align:left;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.project-card:hover,.project-card:focus-within{transform:translateY(-7px);box-shadow:0 10px 30px #0d8abc4d;outline:none}.project-card h3{margin-bottom:12px;color:#222;font-weight:700}.project-card p{margin-bottom:18px;color:#555;font-size:1rem;line-height:1.5}.project-card a{color:#0d8abc;text-decoration:none;font-weight:600}.project-card a:hover,.project-card a:focus{text-decoration:underline;outline:none}.text-center{text-align:center}.footer{background:#111827;color:#fff;padding:1.5rem 0;text-align:center}.footer-container{max-width:1100px;margin:0 auto}.footer p{margin-bottom:.5rem}.social-links a{margin:0 10px;text-decoration:none;color:#9ca3af;transition:color .3s ease}.social-links a:hover{color:#fff}