.live-projects-container{width:100%;max-width:1400px;margin:0 auto;padding:1rem 1.5rem 5rem;font-family:var(--font-arabic,var(--font-readex),sans-serif);color:#f1f5f9;position:relative;z-index:2;box-sizing:border-box}.live-projects-container[dir=rtl]{direction:rtl;text-align:right}.live-projects-container[dir=ltr]{direction:ltr;text-align:left}.live-projects-container[dir=ltr] .grid-card,.live-projects-container[dir=ltr] .marquee-card,.live-projects-container[dir=ltr] .marquee-section-header,.live-projects-container[dir=ltr] .spotlight-details{text-align:left}.live-projects-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:2.5rem;padding:1rem 1.5rem;background:rgba(15,23,42,.65);border:1px solid rgba(56,189,248,.18);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,.35)}.live-projects-categories{display:flex;flex-wrap:wrap;gap:.6rem}.category-chip{padding:.55rem 1.15rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);font-family:inherit}.category-chip:hover{background:rgba(14,238,195,.1);border-color:rgba(14,238,195,.35);color:#0aeec3}.category-chip.active{background:linear-gradient(135deg,rgba(10,238,195,.2),rgba(56,189,248,.2));border-color:#0aeec3;color:#ffffff;box-shadow:0 0 15px rgba(10,238,195,.25);font-weight:600}.live-projects-view-toggle{gap:.4rem;padding:.35rem;background:rgba(3,7,18,.6);border:1px solid rgba(255,255,255,.08)}.live-projects-view-toggle,.view-toggle-btn{display:inline-flex;align-items:center;border-radius:999px}.view-toggle-btn{gap:.5rem;padding:.45rem 1rem;border:none;background:transparent;color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.view-toggle-btn.active{background:linear-gradient(135deg,#0ea5e9,#0aeec3);color:#030712;font-weight:700;box-shadow:0 2px 10px rgba(14,165,233,.4)}.spotlight-hero{position:relative;background:linear-gradient(145deg,rgba(15,23,42,.75),rgba(8,14,27,.85));border:1px solid rgba(56,189,248,.25);border-radius:24px;padding:2.25rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .4s ease}.spotlight-glow{position:absolute;top:-120px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(14,238,195,.15) 0,transparent 70%);filter:blur(50px);pointer-events:none;transition:all .6s ease}.spotlight-top-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.spotlight-project-number{font-size:.85rem;font-weight:700;color:#94a3b8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:.35rem .9rem;border-radius:999px}.live-projects-counter-info{display:flex;align-items:center}.live-projects-count-badge{gap:.5rem;padding:.5rem 1.25rem;background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.3);color:#38bdf8;font-size:.9rem;font-weight:700}.live-projects-count-badge,.spotlight-badge{display:inline-flex;align-items:center;border-radius:999px}.spotlight-badge{gap:.6rem;padding:.35rem 1rem;font-size:.825rem;font-weight:600;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#4ade80}.spotlight-badge-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulseGreen 1.8s ease-in-out infinite}@keyframes pulseGreen{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}.spotlight-nav-actions{display:flex;align-items:center;gap:.6rem}.spotlight-btn-icon{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.spotlight-btn-icon:hover{background:rgba(56,189,248,.2);border-color:#38bdf8;color:#38bdf8;transform:scale(1.05)}.spotlight-content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center}.spotlight-details{display:flex;flex-direction:column;gap:1.1rem}.spotlight-category-tag{display:inline-block;font-size:.85rem;font-weight:600;color:#0aeec3;letter-spacing:.02em}.spotlight-title{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:800;color:#ffffff;margin:0;line-height:1.3;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.spotlight-subtitle{font-size:1.05rem;font-weight:500;color:#38bdf8;font-family:monospace;margin-top:-.4rem;letter-spacing:.02em}.spotlight-desc{font-size:1rem;color:#cbd5e1;line-height:1.7;margin:0}.spotlight-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}.spotlight-tag-item{padding:.3rem .85rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.8rem;color:#94a3b8;font-family:monospace}.spotlight-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.8rem}.spotlight-launch-btn{display:inline-flex;align-items:center;gap:.65rem;padding:.85rem 1.75rem;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#ffffff!important;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 4px 22px rgba(14,165,233,.4);transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(56,189,248,.35)}.spotlight-launch-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(14,165,233,.6);background:linear-gradient(135deg,#38bdf8,#1d4ed8);filter:brightness(1.05)}.spotlight-url-display{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.85rem;color:#7dd3fc;font-family:monospace}.spotlight-preview-window{background:#090d16;border:1px solid rgba(56,189,248,.25);border-radius:18px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.6);display:flex;flex-direction:column}.preview-window-header{height:38px;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;direction:ltr}.preview-window-dots{display:flex;align-items:center;gap:6px}.preview-dot{width:10px;height:10px;border-radius:50%}.preview-dot.red{background:#ef4444}.preview-dot.yellow{background:#f59e0b}.preview-dot.green{background:#10b981}.preview-window-address{font-family:monospace;font-size:.75rem;color:#64748b;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.4);padding:2px 14px;border-radius:999px;min-width:0;max-width:min(92%,560px);overflow:hidden;white-space:nowrap}.preview-window-address .preview-url-text{font-size:clamp(.58rem,2.2vw,.78rem);letter-spacing:0;white-space:nowrap;overflow:visible}.preview-window-body.preview-image-container{position:relative;width:100%;height:340px;min-height:280px;padding:0!important;overflow:hidden;background:#0b0f19;display:block!important}.preview-project-image{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease;display:block}.preview-image-overlay{position:absolute;inset:0;background:rgba(3,7,18,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;text-decoration:none}.spotlight-preview-window:hover .preview-image-overlay{opacity:1}.spotlight-preview-window:hover .preview-project-image{transform:scale(1.03)}.preview-overlay-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.6rem;background:linear-gradient(135deg,#0aeec3,#0284c7);color:#030712;font-weight:700;font-size:.92rem;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.5)}.spotlight-progress-track{width:100%;height:4px;background:rgba(255,255,255,.08);border-radius:999px;margin-top:2rem;overflow:hidden}.spotlight-progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#0ea5e9,#0aeec3);border-radius:999px;transform:scaleX(0);transform-origin:left center;animation-name:spotlight-progress;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform}[dir=rtl] .spotlight-progress-fill{transform-origin:right center}@keyframes spotlight-progress{to{transform:scaleX(1)}}.spotlight-pagination-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:1.25rem;padding:.25rem .5rem}.spotlight-dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.1);cursor:pointer;padding:0;position:relative;transition:background .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.spotlight-dot:before{content:"";position:absolute;inset:-7px;border-radius:999px}.spotlight-dot:hover{background:rgba(255,255,255,.6);transform:scale(1.25)}.spotlight-dot.active{width:26px;background:#0ea5e9;box-shadow:0 0 12px rgba(14,165,233,.6);border-color:transparent}.marquee-section-header{margin-bottom:1.5rem;text-align:right}.marquee-section-title{font-size:1.25rem;font-weight:700;color:#ffffff;display:flex;align-items:center;gap:.75rem}.marquee-wrapper{flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;padding:.5rem 0;width:100%;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.marquee-track,.marquee-wrapper{display:flex;direction:ltr!important}.marquee-track{gap:1.25rem;width:max-content;will-change:transform}.marquee-track.track-left{animation:marqueeLeft 48s linear infinite}.marquee-track.track-right{animation:marqueeRight 52s linear infinite}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}@keyframes marqueeLeft{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes marqueeRight{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.marquee-card{width:320px;flex-shrink:0;background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;cursor:pointer;position:relative}.marquee-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.4);background:rgba(15,23,42,.95);box-shadow:0 12px 28px rgba(0,0,0,.5),0 0 20px rgba(14,165,233,.2)}.marquee-card.active-selected{border-color:#0aeec3;box-shadow:0 0 25px rgba(10,238,195,.3)}.marquee-card-top{display:flex;flex-direction:column;gap:.75rem}.marquee-card-thumb-wrap{width:100%;height:130px;border-radius:12px;overflow:hidden;background:#0b0f19;border:1px solid rgba(255,255,255,.08)}.marquee-card-thumb-img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.marquee-card-badge{font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.25)}.marquee-card-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}.marquee-card-title{font-size:1.05rem;font-weight:700;color:#ffffff;margin:0;line-height:1.35;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.marquee-card-subtitle{font-size:.78rem;color:#38bdf8;font-family:monospace;letter-spacing:.02em;margin-top:-.35rem}.marquee-card-desc{font-size:.85rem;color:#94a3b8;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.marquee-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.marquee-card-domain{font-family:monospace;font-size:.75rem;color:#64748b;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marquee-card-link-btn{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:#38bdf8;transition:color .2s ease}.marquee-card:hover .marquee-card-link-btn{color:#0aeec3}.live-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.grid-card{background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;gap:1rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px rgba(0,0,0,.3)}.grid-card:hover{transform:translateY(-5px);border-color:rgba(56,189,248,.45);box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 25px rgba(14,165,233,.25)}.grid-card-thumb{width:100%;height:180px;border-radius:14px;overflow:hidden;background:#0b0f19;border:1px solid rgba(255,255,255,.08)}.grid-card-img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .3s ease}.grid-card:hover .grid-card-img{transform:scale(1.04)}.grid-card-header{display:flex;align-items:center;justify-content:space-between}.grid-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.grid-card-title{font-size:1.2rem;font-weight:700;color:#ffffff;margin:0;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.grid-card-subtitle{font-size:.8rem;color:#38bdf8;font-family:monospace;letter-spacing:.02em;margin-top:-.45rem}.grid-card-desc{font-size:.9rem;color:#94a3b8;line-height:1.6;margin:0;flex:1 1}.grid-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.grid-card-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:999px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.3);color:#38bdf8;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease}.grid-card-btn:hover{background:linear-gradient(135deg,#0aeec3,#0284c7);color:#030712;border-color:transparent;box-shadow:0 4px 16px rgba(10,238,195,.4)}@media (max-width:1024px){.spotlight-content-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:768px){.live-projects-container{padding:1rem 1rem 4rem}.live-projects-toolbar{flex-direction:column;align-items:stretch;padding:1rem}.live-projects-categories,.live-projects-view-toggle{justify-content:center}.spotlight-hero{padding:1.5rem}.spotlight-cta-row{display:none!important}.spotlight-launch-btn,.spotlight-url-display{justify-content:center}.marquee-card{width:280px}}@media (max-width:480px){.live-projects-container{padding:.5rem .75rem 3rem}.live-projects-toolbar{padding:.75rem;gap:.75rem}.category-chip{padding:.4rem .85rem;font-size:.8rem}.spotlight-hero{padding:1rem;border-radius:18px}.spotlight-title{font-size:1.35rem}.spotlight-desc{font-size:.85rem}.marquee-card{width:250px;padding:14px}}[data-theme=light] .live-projects-container{color:#0f172a}[data-theme=light] .live-projects-toolbar{background:rgba(255,255,255,.85);border-color:rgba(14,165,233,.25);box-shadow:0 10px 30px rgba(0,0,0,.06)}[data-theme=light] .category-chip{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1);color:#475569}[data-theme=light] .category-chip:hover{background:rgba(2,132,199,.08);border-color:rgba(2,132,199,.4);color:#0284c7}[data-theme=light] .category-chip.active{background:linear-gradient(135deg,#0284c7,#0d9488);border-color:#0284c7;color:#ffffff;box-shadow:0 4px 14px rgba(2,132,199,.35);font-weight:600}[data-theme=light] .live-projects-view-toggle{background:rgba(241,245,249,.8);border-color:rgba(0,0,0,.08)}[data-theme=light] .view-toggle-btn{color:#64748b}[data-theme=light] .view-toggle-btn.active{background:linear-gradient(135deg,#0284c7,#0d9488);color:#ffffff;box-shadow:0 4px 12px rgba(2,132,199,.3)}[data-theme=light] .spotlight-hero{background:linear-gradient(145deg,#ffffff,#f8fafc);border-color:rgba(14,165,233,.3);box-shadow:0 20px 50px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,1)}[data-theme=light] .spotlight-title{color:#0f172a}[data-theme=light] .spotlight-desc{color:#334155}[data-theme=light] .spotlight-project-number,[data-theme=light] .spotlight-tag-item{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#475569}[data-theme=light] .spotlight-btn-icon{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#334155}[data-theme=light] .spotlight-btn-icon:hover{background:rgba(14,165,233,.1);color:#0284c7}[data-theme=light] .spotlight-launch-btn{background:linear-gradient(135deg,#0284c7,#0369a1);color:#ffffff!important;border:1px solid #0284c7;box-shadow:0 4px 18px rgba(2,132,199,.32)}[data-theme=light] .spotlight-launch-btn:hover{background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 6px 24px rgba(2,132,199,.45)}[data-theme=light] .preview-window-header{background:#f1f5f9;border-bottom-color:rgba(0,0,0,.08)}[data-theme=light] .preview-window-address{background:#e2e8f0;color:#475569}[data-theme=light] .marquee-section-title{color:#0f172a}[data-theme=light] .marquee-card{background:#ffffff;border-color:rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.05)}[data-theme=light] .marquee-card:hover{background:#ffffff;border-color:rgba(14,165,233,.4);box-shadow:0 12px 32px rgba(0,0,0,.1),0 0 16px rgba(14,165,233,.15)}[data-theme=light] .marquee-card-title{color:#0f172a}[data-theme=light] .marquee-card-desc{color:#475569}[data-theme=light] .marquee-card-link-btn{background:rgba(14,165,233,.1);color:#0284c7;border-color:rgba(14,165,233,.3)}[data-theme=light] .marquee-card-link-btn:hover{background:linear-gradient(135deg,#0284c7,#0d9488);color:#ffffff}[data-theme=light] .grid-card{background:#ffffff;border-color:rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.05)}[data-theme=light] .grid-card:hover{border-color:rgba(14,165,233,.4);box-shadow:0 12px 32px rgba(0,0,0,.1)}[data-theme=light] .grid-card-title{color:#0f172a}[data-theme=light] .grid-card-desc{color:#475569}[data-theme=light] .grid-card-btn{background:rgba(14,165,233,.08);color:#0284c7;border-color:rgba(14,165,233,.25)}[data-theme=light] .grid-card-btn:hover{background:linear-gradient(135deg,#0284c7,#0d9488);color:#ffffff}[data-theme=light] .spotlight-progress-track{background:rgba(15,23,42,.1)}[data-theme=light] .spotlight-dot{background:rgba(15,23,42,.18);border-color:rgba(15,23,42,.32)}@media (hover:hover) and (pointer:fine){[data-theme=light] .spotlight-dot:hover{background:rgba(15,23,42,.42)}}[data-theme=light] .spotlight-dot.active{border-color:transparent}.catalog-section{position:relative;width:100%;max-width:1300px;margin:0 auto;padding:40px 20px 90px;color:var(--text-main);box-sizing:border-box}.catalog-hero-wrapper{text-align:center;max-width:860px;margin:0 auto 36px;display:flex;flex-direction:column;align-items:center}.catalog-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:rgba(0,210,255,.1);border:1px solid rgba(0,210,255,.3);color:#38bdf8;font-size:13px;font-weight:700;margin-bottom:18px}.catalog-hero-title{font-size:clamp(2rem,3.8vw,3rem);font-weight:800;line-height:1.3;color:var(--text-main);margin-bottom:24px;letter-spacing:-.02em}.catalog-hero-subtitle{font-size:clamp(1.05rem,1.3vw,1.2rem);color:var(--text-muted);line-height:1.75;margin-bottom:28px}.catalog-search-bar{position:relative;width:100%;max-width:580px;display:flex;align-items:center}.catalog-search-bar .search-icon{position:absolute;right:18px;color:var(--text-muted);pointer-events:none}[dir=ltr] .catalog-search-bar .search-icon{right:auto;left:18px}.catalog-search-bar .search-input{width:100%;padding:14px 48px 14px 20px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:var(--text-main);font-size:14.5px;outline:none;transition:all .25s ease;box-shadow:0 4px 20px rgba(0,0,0,.2)}[dir=ltr] .catalog-search-bar .search-input{padding:14px 20px 14px 48px}[data-theme=light] .catalog-search-bar .search-input{background:#ffffff;border-color:rgba(0,0,0,.12);box-shadow:0 4px 18px rgba(0,0,0,.04)}.catalog-search-bar .search-input:focus{border-color:#00d2ff;box-shadow:0 0 20px rgba(0,210,255,.25);background:rgba(255,255,255,.08)}[data-theme=light] .catalog-search-bar .search-input:focus{background:#ffffff;border-color:#0284c7}.search-clear-btn{position:absolute;left:14px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s ease}[dir=ltr] .search-clear-btn{left:auto;right:14px}.search-clear-btn:hover{color:#ef4444}.catalog-categories-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}.category-pill-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);color:var(--text-muted);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=light] .category-pill-btn{background:#ffffff;border-color:#e2e8f0;color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.04)}.category-pill-btn:hover{background:rgba(0,210,255,.08);border-color:rgba(0,210,255,.3);color:#38bdf8}[data-theme=light] .category-pill-btn:hover{background:#f0f9ff;border-color:#0284c7;color:#0369a1;box-shadow:0 2px 8px rgba(2,132,199,.12)}.category-pill-btn.active{background:#0369a1;border-color:#0369a1;color:#ffffff;font-weight:600;box-shadow:0 4px 16px rgba(2,132,199,.35)}[data-theme=light] .category-pill-btn.active{background:#0369a1;border-color:#0369a1;color:#ffffff;box-shadow:0 4px 14px rgba(2,132,199,.25)}.cat-count{padding:2px 7px;border-radius:999px;font-size:11px;background:rgba(255,255,255,.12);color:inherit}.category-pill-btn.active .cat-count{background:rgba(255,255,255,.1);font-weight:700}[data-theme=light] .cat-count{background:#f1f5f9;color:#475569}[data-theme=light] .category-pill-btn:hover .cat-count{background:#e0f2fe;color:#0369a1}.category-pill-btn.active .cat-count,[data-theme=light] .category-pill-btn.active .cat-count{background:rgba(255,255,255,.25);color:#ffffff}@media (max-width:1024px){.catalog-hero-wrapper{margin-bottom:14px}.catalog-hero-title{margin-bottom:0}.catalog-categories-bar,.catalog-search-bar{display:none}}.catalog-empty-state{text-align:center;padding:60px 20px;max-width:480px;margin:0 auto}.empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:16px}.empty-title{font-size:18px;font-weight:700;margin-bottom:8px}.empty-desc{font-size:14px;color:var(--text-muted);margin-bottom:20px}.empty-reset-btn{padding:8px 20px;border-radius:8px;background:#0284c7;border:none;color:#ffffff;font-size:13.5px;font-weight:600;cursor:pointer}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px}@media (max-width:640px){.catalog-grid{grid-template-columns:1fr;gap:20px}}.project-card{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:rgba(30,41,59,.88);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 20px rgba(0,0,0,.25);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .project-card{background:#ffffff;border-color:rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.05)}.project-card:hover{transform:translateY(-6px);border-color:rgba(0,210,255,.45);box-shadow:0 16px 40px rgba(0,210,255,.15)}.card-thumb-wrap{position:relative;width:100%;height:220px;overflow:hidden;background:#090d16}.card-thumb-link{display:block;width:100%;height:100%;text-decoration:none}.card-thumb-img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s ease}.project-card:hover .card-thumb-img{transform:scale(1.06)}.card-cat-badge{position:absolute;top:14px;right:14px;padding:5px 12px;border-radius:999px;background:rgba(3,5,8,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#38bdf8;font-size:11.5px;font-weight:600;z-index:2}[dir=ltr] .card-cat-badge{right:auto;left:14px}.card-bookmark-btn{position:absolute;bottom:14px;left:14px;width:34px;height:34px;border-radius:50%;background:rgba(3,5,8,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .2s ease}[dir=ltr] .card-bookmark-btn{left:auto;right:14px}.card-bookmark-btn:hover{background:rgba(0,210,255,.2);border-color:#00d2ff;color:#00d2ff}.card-bookmark-btn.active{background:#0284c7;border-color:#0284c7;color:#ffffff}.card-body{padding:22px;display:flex;flex-direction:column;flex:1 1}.card-title{margin:0 0 10px;font-size:17.5px;font-weight:700;line-height:1.45;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card:hover .card-title{color:#00d2ff}.card-excerpt{margin:0 0 16px;font-size:13.5px;color:var(--text-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.card-tag-item{font-size:11.5px;color:var(--text-muted);background:rgba(255,255,255,.04);padding:3px 8px;border-radius:4px}[data-theme=light] .card-tag-item{background:rgba(0,0,0,.04)}.card-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}[data-theme=light] .card-footer{border-top-color:rgba(0,0,0,.06)}.card-view-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#38bdf8;transition:all .2s ease}[data-theme=light] .card-view-link{color:#0284c7}.project-card:hover .card-view-link{gap:10px;color:#00d2ff}[data-theme=light] .project-card:hover .card-view-link{color:#0369a1}[data-theme=light] .project-card:hover .card-title{color:#0284c7}.card-title-link{color:inherit;text-decoration:none}.card-title-link:after{content:"";position:absolute;inset:0;z-index:1}