@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*{letter-spacing:-.01em;font-family:Plus Jakarta Sans,sans-serif!important}html{scroll-behavior:smooth}body{overflow-x:hidden;margin:0!important}.nav-link{color:#475569;border-radius:6px;padding:6px 12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover,.nav-link.active{color:#2563eb;background-color:#eff6ff}.portfolio-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:35px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.portfolio-card:hover{border-color:#dbeafe;transform:translateY(-8px);box-shadow:0 20px 25px -5px #2563eb0d,0 10px 10px -5px #00000005}.progress-bar-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:12px;align-items:center;padding:14px 28px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #2563eb33}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-3px);box-shadow:0 6px 20px #2563eb4d}.project-img-placeholder{color:#94a3b8;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;height:180px;font-weight:600;display:flex}.hero-image-wrapper{animation:6s ease-in-out infinite floatAnimation}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hamburger-btn{cursor:pointer;color:#0f172a;background:0 0;border:none;font-size:1.5rem;display:none}.mobile-menu{display:none}.about-text{color:#64748b;white-space:pre-line;margin:0;font-size:1rem;line-height:1.7}.btn-read-more{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;font-size:.9rem;font-weight:600;display:block}.btn-read-more:hover{color:#1d4ed8;text-decoration:underline}.modal-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;animation:.2s modalIn;display:flex;box-shadow:0 20px 60px #00000026}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background .2s;display:flex}.modal-close:hover{color:#0f172a;background:#e2e8f0}.modal-body{padding:24px;overflow-y:auto}.btn-show-more{color:#2563eb;cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:10px;padding:12px 32px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-show-more:hover{background-color:#eff6ff;border-color:#2563eb}@media (width<=992px){.hero-container{text-align:center!important;flex-direction:column-reverse!important;gap:30px!important;padding:100px 20px 60px!important}.hero-title{font-size:2.75rem!important}.hero-image-wrapper{width:280px!important;height:280px!important}.responsive-grid-two{grid-template-columns:1fr!important;gap:20px!important}.project-grid{grid-template-columns:1fr!important}.nav-menu-desktop{display:none!important}.hamburger-btn{display:block!important}.mobile-menu{z-index:40;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:15px;width:100%;padding:10px 20px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:68px;left:0}.mobile-menu.closed{opacity:0;pointer-events:none;transform:translateY(-20px)}.mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}nav:has(.nav-menu-desktop){z-index:9999!important;background-color:#fff!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.project-detail-grid{grid-template-columns:1fr!important;gap:20px!important;padding:25px 16px!important}.project-detail-title{font-size:1.9rem!important}.hero-text-block>div:last-child{align-items:center!important}.hero-text-block>div:last-child>div:last-child{justify-content:center!important;gap:20px!important;margin-top:16px!important}}@media (width<=600px){.hero-title{word-break:break-word;font-size:2rem!important;line-height:1.2!important}.hero-container h2{word-break:break-word;font-size:1.3rem!important;line-height:1.4!important}.hero-container p{word-break:break-word;font-size:.95rem!important}.hero-text-block{width:100%!important;min-width:0!important;max-width:100%!important}.project-detail-title{font-size:1.6rem!important}}@media (width<=992px){.project-detail-grid{max-width:100%!important;overflow-x:hidden!important}.project-detail-grid>div{min-width:0!important;max-width:100%!important}.project-detail-grid img,.project-detail-grid video{max-width:100%!important}@keyframes blobMorph{0%,to{border-radius:42% 58% 65% 35%/45% 40% 60% 55%}50%{border-radius:58% 42% 40% 60%/55% 60% 40% 45%}}@keyframes floatBadge1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatBadge2{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}}