.portfolio_portfolioContainer__1s_wl{max-width:1200px;margin:0 auto;padding:1rem}.portfolio_gridContainer__NoV47{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.portfolio_projectCard__KahrR{border-radius:1.25rem;overflow:hidden;background:#0d0d0d;border:1px solid #222;display:flex;flex-direction:column;transition:transform .3s ease}.portfolio_projectCard__KahrR:hover{transform:translateY(-4px)}.portfolio_imageWrapper__q242O{position:relative;width:100%;aspect-ratio:16/10;background:#000}.portfolio_projectImage__mdLYg{object-fit:cover}.portfolio_caseStudyBadge__Cbz0_{position:absolute;top:.75rem;left:.75rem;z-index:2;background:#ccff00;color:#000;font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.portfolio_projectDetails__uca5_{padding:1.5rem;color:#fff}.portfolio_projectTitle__tDdyf{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.portfolio_projectDescription__kVJjt{font-size:.9rem;color:#ccc;margin-bottom:.75rem}.portfolio_caseStudySection__W_K8h{margin-bottom:.7rem}.portfolio_caseStudyLabel__CNfz_{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#ccff00;margin-bottom:.15rem}.portfolio_colorThemes__0FYGY{display:flex;gap:.5rem;margin-top:.75rem}.portfolio_colorSwatch__MMFOg{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.portfolio_viewMoreButton__r4xAu{display:block;margin:2.5rem auto 0;padding:.75rem 2rem;background:#ccff00;color:#000;font-weight:700;border-radius:999px;border:none;cursor:pointer}.portfolio_statusText__6ySJb{text-align:center;color:#888;padding:2rem 0}@media (max-width:640px){.portfolio_gridContainer__NoV47{grid-template-columns:1fr}}.portfolio_timelineBadge__isk8s{position:absolute;top:.75rem;right:.75rem;z-index:2;background:rgba(0,0,0,.7);color:#ccff00;font-size:.7rem;font-weight:600;padding:.25rem .7rem;border-radius:999px}.portfolio_techStackSection__AQTc1{margin:.9rem 0}.portfolio_techStackTags__pnnKf{display:flex;flex-wrap:wrap;gap:.4rem}.portfolio_techTag__aW26Y{font-size:.7rem;background:#1a1a1a;color:#ccff00;border:1px solid #333;padding:.2rem .65rem;border-radius:999px}.nav-menu{display:none;flex-direction:column;position:absolute;top:60px;right:0;left:0;padding:10px;z-index:999;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out;background-color:#fff;color:#000}.nav-menu.open{display:flex;visibility:visible;opacity:1}html.dark .nav-menu{background-color:#1a1a1a;color:#f5f5f5}.menu-button{display:none;cursor:pointer;font-size:1.5rem;padding:.5rem;background:none;border:none;color:inherit}@media (max-width:1024px){.nav-menu-wrap .right-navbar-content{display:none}.menu-button{display:block}}@media (min-width:1025px){.menu-button{display:none}.nav-menu-wrap .right-navbar-content{display:flex;gap:1rem;align-items:center}.nav-menu{display:none!important}}.contact-form{width:100%;margin:auto;padding:20px;background:#f9f9f9;box-shadow:0 4px 6px rgba(0,0,0,.1);animation:fadeIn 1s ease-in-out}.contact-form h2{margin-bottom:1rem}.contact-form input,.contact-form textarea{width:100%;margin-bottom:1rem;padding:10px;border-radius:4px;font-size:16px}.contact-form{display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:600px;margin:0 auto}.contact-form h2{font-size:24px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}input,textarea{font-size:16px;padding:12px;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;width:100%;background-color:#f9f9f9;transition:all .3s ease-in-out}input:focus,textarea:focus{border-color:#CCFF00;background-color:#fff;outline:none}button{background-color:#CCFF00;color:#000;font-weight:400;font-size:16px;padding:15px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#000;color:#fff}button:disabled{background-color:#ccc;cursor:not-allowed}.status{font-size:16px;text-align:center;color:#333;margin-top:20px}.status.success{color:#4caf50}.status.error{color:#f44336}@media (max-width:768px){.hero-form{padding:40px 15px}.hero-header .heading-1{font-size:28px}.contact-form{padding:20px;max-width:90%}}@media (max-width:480px){.hero-header .heading-1{font-size:24px}.contact-form h2{font-size:20px}}