*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.portfolio-namespace .container{max-width:1200px;margin:0 auto;padding:0 20px}.portfolio-namespace .navbar{z-index:100;background-color:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.portfolio-namespace .navbar .nav-container{justify-content:space-between;align-items:center;height:70px;display:flex}.portfolio-namespace .navbar .nav-logo a{color:#1e293b;font-size:1.25rem;font-weight:700;text-decoration:none}.portfolio-namespace .navbar .nav-menu{align-items:center;gap:1.5rem;list-style:none;display:flex}.portfolio-namespace .navbar .nav-menu li a{color:#1e3a8a;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.portfolio-namespace .navbar .nav-menu li a:hover{color:#f76b1d}.portfolio-namespace .navbar .nav-menu .header-cta{color:#fff;background-color:#1e3a8a;border-radius:4px;padding:8px 16px;font-weight:600}.portfolio-namespace .navbar .nav-menu .header-cta:hover{color:#fff;background-color:#f76b1d}.portfolio-namespace .small-heading{color:#0f4c5c;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.875rem;font-weight:700}.portfolio-namespace .section-title{color:#1e293b;margin-bottom:1.5rem;font-size:2rem}.portfolio-namespace .btn{cursor:pointer;border:2px solid #0000;border-radius:4px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.portfolio-namespace .btn.btn-primary{color:#fff;background-color:#1e3a8a}.portfolio-namespace .btn.btn-primary:hover{background-color:#f76b1d}.portfolio-namespace .btn.btn-outline{color:#1e3a8a;background-color:#0000;border-color:#1e3a8a}.portfolio-namespace .btn.btn-outline:hover{color:#fff;background-color:#1e3a8a}.portfolio-namespace .social-bar{gap:1.5rem;margin-top:1.5rem;display:flex}.portfolio-namespace .social-bar a{color:#1e3a8a;font-size:.95rem;font-weight:600;text-decoration:none}.portfolio-namespace .social-bar a:hover{color:#f76b1d;text-decoration:underline}.portfolio-namespace .hero{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:80px 0}.portfolio-namespace .hero .hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.portfolio-namespace .hero .hero-title{color:#1e293b;margin-bottom:1rem;font-size:2.75rem;line-height:1.2}.portfolio-namespace .hero .hero-title .highlight{color:#f76b1d}.portfolio-namespace .hero .hero-description{color:#64748b;margin-bottom:2rem;font-size:1.1rem}.portfolio-namespace .hero .hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.portfolio-namespace .profile-image-placeholder{color:#64748b;background-color:#e2e8f0;border:4px solid #f76b1d;border-radius:8px;justify-content:center;align-items:center;width:320px;height:320px;margin:0 auto;font-weight:600;display:flex;overflow:hidden}.portfolio-namespace .profile-image-placeholder img{object-fit:cover;width:100%;height:100%}.portfolio-namespace .section-padding{padding:80px 0}.portfolio-namespace .card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.portfolio-namespace .card{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2rem}.portfolio-namespace .card h3{color:#1e293b;margin-bottom:1rem}.portfolio-namespace .card p{color:#64748b;margin-bottom:1.5rem}.portfolio-namespace .card .card-link{color:#1e3a8a;font-weight:600;text-decoration:none}.portfolio-namespace .card .card-link:hover{color:#f76b1d}.portfolio-namespace .tech-list{margin-top:1.5rem;list-style:none}.portfolio-namespace .tech-list li{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:.75rem 0}.portfolio-namespace .tech-list li strong{color:#0f4c5c}.portfolio-namespace .footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;margin-top:40px;padding:40px 0}.portfolio-namespace .footer .footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.portfolio-namespace .footer .footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.portfolio-namespace .footer .footer-links a{color:#1e3a8a;font-weight:500;text-decoration:none}.portfolio-namespace .footer .footer-links a:hover{color:#f76b1d}@media (width<=768px){.portfolio-namespace .hero .hero-grid{text-align:center;grid-template-columns:1fr}.portfolio-namespace .hero .hero-actions,.portfolio-namespace .social-bar{justify-content:center}.portfolio-namespace .navbar .nav-menu{flex-wrap:wrap;justify-content:center}.portfolio-namespace .footer .footer-content{text-align:center;flex-direction:column}}