.portfolio-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-md);background:#0000008c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.portfolio-modal-card{background:var(--color-bg);border-radius:var(--radius);width:100%;max-width:720px;max-height:88vh;animation:.25s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 40px #00000026}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-modal-close-btn{z-index:10;width:34px;height:34px;color:var(--color-secondary-dark);cursor:pointer;transition:var(--transition);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.portfolio-modal-close-btn:hover{background:var(--color-secondary-dark);color:var(--color-bg)}.portfolio-modal-cover{height:200px;position:relative}.portfolio-modal-cover img{object-fit:cover;width:100%;height:100%}.portfolio-modal-cover-overlay{background:linear-gradient(#0000,#0009);position:absolute;inset:0}.portfolio-modal-badge{background:var(--color-primary);color:var(--color-bg);border-radius:var(--radius);padding:4px 12px;font-size:.8rem;font-weight:600;position:absolute;bottom:14px;left:20px}.portfolio-modal-body{padding:var(--spacing-lg)}.portfolio-modal-title{color:var(--color-secondary-dark);margin-bottom:var(--spacing-md);font-size:1.35rem;font-weight:700}.portfolio-modal-meta-grid{gap:var(--spacing-md);background:var(--color-bg-alt);padding:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.portfolio-modal-meta-item{align-items:center;gap:var(--spacing-sm);display:flex}.portfolio-modal-icon{color:var(--color-primary);flex-shrink:0;font-size:1.2rem}.portfolio-modal-meta-item label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;display:block}.portfolio-modal-meta-item strong{color:var(--color-secondary-dark);font-size:.85rem}.portfolio-modal-block{margin-bottom:var(--spacing-md)}.portfolio-modal-block h3{color:var(--color-secondary-dark);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.portfolio-modal-block p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.portfolio-modal-results-list{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-direction:column;display:flex}.portfolio-result-chip{align-items:flex-start;gap:var(--spacing-xs);color:var(--color-text);font-size:.88rem;line-height:1.4;display:flex}.portfolio-check-icon{color:#10b981;flex-shrink:0;margin-top:3px}.portfolio-modal-tech-tags{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.portfolio-tech-tag{background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-secondary-dark);border-radius:4px;padding:4px 10px;font-size:.78rem;font-weight:500}@media (width<=576px){.portfolio-modal-meta-grid{grid-template-columns:1fr}.portfolio-modal-body{padding:var(--spacing-md)}.portfolio-modal-cover{height:160px}}