.portfolio-grid[data-astro-cid-axs2yrrg]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.portfolio-card[data-astro-cid-axs2yrrg]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;padding:1.25rem;position:relative;border:1px solid rgba(0,0,0,.03);overflow:hidden}.portfolio-thumbnail-wrap[data-astro-cid-axs2yrrg]{width:100%;height:130px;border-radius:var(--radius-sm);overflow:hidden;position:relative;background:var(--gray-bg);border:1px solid rgba(0,0,0,.05);box-shadow:inset 0 0 10px #00000005}.portfolio-thumbnail-wrap[data-astro-cid-axs2yrrg]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(to bottom,transparent,var(--white));pointer-events:none}.portfolio-thumbnail-img[data-astro-cid-axs2yrrg]{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.16,1,.3,1)}.portfolio-card[data-astro-cid-axs2yrrg]:hover .portfolio-thumbnail-img[data-astro-cid-axs2yrrg]{transform:scale(1.06)}.portfolio-thumbnail-fallback[data-astro-cid-axs2yrrg]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.16,1,.3,1)}.portfolio-card[data-astro-cid-axs2yrrg]:hover .portfolio-thumbnail-fallback[data-astro-cid-axs2yrrg]{transform:scale(1.04)}.fallback-emoji[data-astro-cid-axs2yrrg]{font-size:2.75rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.08))}.portfolio-type-badge[data-astro-cid-axs2yrrg]{display:inline-block;background:var(--accent-light);color:var(--accent);font-size:.75rem;font-weight:700;padding:.25rem .8rem;border-radius:50px;letter-spacing:.02em;text-transform:uppercase}.portfolio-card[data-astro-cid-axs2yrrg] h3[data-astro-cid-axs2yrrg]{font-size:1.1rem;margin:0;color:var(--secondary);font-family:Plus Jakarta Sans,sans-serif}.portfolio-desc[data-astro-cid-axs2yrrg]{color:var(--gray);font-size:.85rem;line-height:1.6;flex:1}.portfolio-btn[data-astro-cid-axs2yrrg]{margin-top:auto;font-size:.85rem;padding:.55rem 1.35rem;border-radius:10px}.portfolio-na[data-astro-cid-axs2yrrg]{color:var(--gray-light);font-size:.8rem;margin-top:auto;padding-top:.75rem;font-weight:500}.preview-modal[data-astro-cid-axs2yrrg]{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center}.preview-modal[data-astro-cid-axs2yrrg].open{display:flex}.preview-overlay[data-astro-cid-axs2yrrg]{position:absolute;inset:0;background:#0f172a73;backdrop-filter:blur(12px) saturate(180%)}.preview-content[data-astro-cid-axs2yrrg]{position:relative;background:#fffffff2;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);width:92%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;z-index:1;overflow:hidden;box-shadow:0 25px 50px -12px #0000004d;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.preview-close[data-astro-cid-axs2yrrg]{position:absolute;top:1rem;right:1.25rem;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#fffc;color:var(--secondary);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--transition-fast);backdrop-filter:blur(4px)}.preview-close[data-astro-cid-axs2yrrg]:hover{background:var(--secondary);color:#fff;transform:scale(1.05)}.preview-tabs[data-astro-cid-axs2yrrg]{display:flex;gap:.35rem;padding:1rem 1.25rem .75rem;overflow-x:auto;flex-shrink:0;background:#f8fafc;border-bottom:1px solid #e2e8f0;scrollbar-width:none;flex-wrap:wrap;align-items:center}.preview-tabs[data-astro-cid-axs2yrrg]::-webkit-scrollbar{display:none}.preview-tab[data-astro-cid-axs2yrrg]{padding:.45rem 1rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.01em;box-shadow:0 1px 2px #0000000a}.preview-tab[data-astro-cid-axs2yrrg]:hover:not(.active){background:#f1f5f9;border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 6px #7c3aed1a}.preview-tab[data-astro-cid-axs2yrrg].active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #7c3aed40;transform:translateY(-1px)}.preview-tab-count[data-astro-cid-axs2yrrg]{font-size:.7rem;color:#94a3b8;font-weight:500;margin-left:auto;padding-left:.75rem;border-left:1px solid #e2e8f0;white-space:nowrap}.device-container[data-astro-cid-axs2yrrg]{margin:1.5rem auto;width:90%;max-width:720px;background:#1e293b;border-radius:12px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a;overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1)}.browser-chrome[data-astro-cid-axs2yrrg]{display:none;align-items:center;padding:.6rem 1rem;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.05)}.device-container[data-astro-cid-axs2yrrg].device-browser .browser-chrome[data-astro-cid-axs2yrrg]{display:flex}.browser-dots[data-astro-cid-axs2yrrg]{display:flex;gap:6px;margin-right:1.5rem}.dot[data-astro-cid-axs2yrrg]{width:9px;height:9px;border-radius:50%}.dot-red[data-astro-cid-axs2yrrg]{background:#ef4444}.dot-yellow[data-astro-cid-axs2yrrg]{background:#f59e0b}.dot-green[data-astro-cid-axs2yrrg]{background:#10b981}.browser-address[data-astro-cid-axs2yrrg]{flex:1;max-width:320px;background:#1e293b;border-radius:5px;padding:.15rem .75rem;font-size:.7rem;color:#94a3b8;display:flex;align-items:center;gap:.35rem;justify-content:center;border:1px solid rgba(255,255,255,.03);font-family:monospace}.browser-lock[data-astro-cid-axs2yrrg]{font-size:.65rem}.device-container[data-astro-cid-axs2yrrg].device-phone{max-width:290px;border-radius:36px;border:10px solid #1e293b;position:relative}.phone-notch[data-astro-cid-axs2yrrg]{display:none;position:absolute;top:8px;left:50%;transform:translate(-50%);width:90px;height:18px;background:#000;border-radius:10px;z-index:10}.device-container[data-astro-cid-axs2yrrg].device-phone .phone-notch[data-astro-cid-axs2yrrg]{display:block}.phone-speaker[data-astro-cid-axs2yrrg]{position:absolute;top:6px;left:50%;transform:translate(-50%);width:30px;height:2px;background:#334155;border-radius:2px}.phone-camera[data-astro-cid-axs2yrrg]{position:absolute;top:4px;right:15px;width:6px;height:6px;background:#1e293b;border-radius:50%}.phone-home-bar[data-astro-cid-axs2yrrg]{display:none;height:12px;background:#1e293b;align-items:center;justify-content:center;position:relative}.phone-home-bar[data-astro-cid-axs2yrrg]:after{content:"";width:70px;height:3px;background:#ffffff40;border-radius:2px}.device-container[data-astro-cid-axs2yrrg].device-phone .phone-home-bar[data-astro-cid-axs2yrrg]{display:flex}.preview-frame[data-astro-cid-axs2yrrg]{flex:1;overflow-y:auto;background:#0f172a;display:block;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.device-container[data-astro-cid-axs2yrrg].device-browser .preview-frame[data-astro-cid-axs2yrrg]{max-height:52vh;min-height:360px}.device-container[data-astro-cid-axs2yrrg].device-phone .preview-frame[data-astro-cid-axs2yrrg]{height:480px;border-radius:26px 26px 0 0}.preview-frame[data-astro-cid-axs2yrrg] img[data-astro-cid-axs2yrrg]{width:100%;max-width:100%;display:block;border-radius:0;box-shadow:none}.preview-note[data-astro-cid-axs2yrrg]{padding:.9rem 1.5rem 1.1rem;background:#7c3aed0a;color:var(--secondary);font-size:.82rem;line-height:1.6;border-top:1px solid rgba(124,58,237,.08);display:none;align-items:center;gap:.5rem;font-weight:500}.preview-note[data-astro-cid-axs2yrrg]:before{content:"💡";font-size:1.05rem}@media(max-width:768px){.portfolio-grid[data-astro-cid-axs2yrrg]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.preview-content[data-astro-cid-axs2yrrg]{width:95%;max-height:85vh}.device-container[data-astro-cid-axs2yrrg]{margin:1rem auto;width:95%}.device-container[data-astro-cid-axs2yrrg].device-browser .preview-frame[data-astro-cid-axs2yrrg]{max-height:45vh;min-height:280px}}@media(max-width:480px){.portfolio-grid[data-astro-cid-axs2yrrg]{grid-template-columns:1fr}.preview-tabs[data-astro-cid-axs2yrrg]{padding:.75rem .75rem .5rem}.preview-tab[data-astro-cid-axs2yrrg]{font-size:.72rem;padding:.3rem .7rem}.preview-tab-count[data-astro-cid-axs2yrrg]{font-size:.65rem}.device-container[data-astro-cid-axs2yrrg].device-phone{max-width:250px}.device-container[data-astro-cid-axs2yrrg].device-phone .preview-frame[data-astro-cid-axs2yrrg]{height:380px}.device-container[data-astro-cid-axs2yrrg].device-browser .preview-frame[data-astro-cid-axs2yrrg]{max-height:40vh;min-height:220px}.preview-note[data-astro-cid-axs2yrrg]{font-size:.78rem;padding:.75rem 1rem}}