.tech-grid-wrapper{width:100%;max-width:1240px;margin:0 auto;box-sizing:border-box}.tech-grid{display:grid;grid-template-columns:1fr;gap:28px;box-sizing:border-box;width:100%}@media (min-width:640px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media (min-width:1024px){.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.tech-card{background:#FFF;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%;position:relative;box-shadow:0 4px 6px -1px rgb(0 0 0 / .04),0 2px 4px -1px rgb(0 0 0 / .02);transition:transform 0.3s cubic-bezier(.4,0,.2,1),box-shadow 0.3s cubic-bezier(.4,0,.2,1),border-color 0.3s ease;box-sizing:border-box}.tech-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px rgb(15 23 42 / .08),0 10px 10px -5px rgb(15 23 42 / .04);border-color:#2563EB}.tech-card-thumb-link{display:block;position:relative;width:100%;height:220px;overflow:hidden;background:#0F172A;text-decoration:none}.tech-card-thumb-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.6s cubic-bezier(.4,0,.2,1);display:block}.tech-card:hover .tech-card-thumb-img{transform:scale(1.06)}.tech-thumb-fallback{width:100%;height:100%;background:linear-gradient(135deg,#0F172A 0%,#1E3A8A 50%,#2563EB 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#FFF;position:relative;padding:20px;text-align:center;box-sizing:border-box}.tech-thumb-fallback i{font-size:2.75rem;color:#93C5FD;margin-bottom:10px;opacity:.9;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .2))}.tech-thumb-fallback .fallback-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#DBEAFE;background:rgb(255 255 255 / .15);padding:4px 12px;border-radius:9999px;backdrop-filter:blur(4px)}.tech-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.tech-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.75rem;color:#64748B;margin-bottom:12px;font-family:'Inter',sans-serif}.tech-card-meta i{color:#94A3B8}.tech-meta-divider{display:inline-block;width:3px;height:3px;border-radius:50%;background:#CBD5E1}.tech-cat-badge{display:inline-block;background:#EFF6FF;color:#2563EB;border:1px solid #DBEAFE;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:9999px;text-decoration:none}.tech-card-title{font-family:'Montserrat',sans-serif;font-size:1.125rem;font-weight:700;line-height:1.45;color:#0F172A;margin:0 0 12px 0}.tech-card-title a{color:#0F172A;text-decoration:none;transition:color 0.2s ease}.tech-card-title a:hover{color:#2563EB}.tech-card-excerpt{font-family:'Inter',sans-serif;font-size:.875rem;line-height:1.65;color:#475569;margin:0 0 20px 0;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tech-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid #F1F5F9;display:flex;align-items:center;justify-content:space-between}.tech-btn-read{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:700;color:#2563EB;text-decoration:none;transition:all 0.2s ease}.tech-btn-read i{font-size:.75rem;transition:transform 0.2s ease}.tech-card:hover .tech-btn-read{color:#1D4ED8}.tech-card:hover .tech-btn-read i{transform:translateX(4px)}.tech-cat-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:28px 0}.tech-cat-btn{font-family:'Inter',sans-serif;padding:8px 20px;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:1px solid #E2E8F0;background:#FFF;color:#475569;outline:none;box-shadow:0 1px 2px rgb(0 0 0 / .03)}.tech-cat-btn:hover{border-color:#2563EB;color:#2563EB;background:#F8FAFC}.tech-cat-btn.active{background:#0F172A!important;color:#FFFFFF!important;border-color:#0F172A!important;box-shadow:0 4px 12px rgb(15 23 42 / .15)}.tech-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap}.tech-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:10px;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;border:1px solid #E2E8F0;background:#FFF;color:#475569;transition:all 0.2s ease;box-sizing:border-box}.tech-pagination .page-numbers:hover{border-color:#2563EB;color:#2563EB;background:#EFF6FF}.tech-pagination .page-numbers.current{background:#0F172A!important;color:#FFFFFF!important;border-color:#0F172A!important;font-weight:700;box-shadow:0 4px 12px rgb(15 23 42 / .15)}.tech-pagination .page-numbers.dots{border-color:#fff0;background:#fff0;cursor:default;color:#94A3B8}.tech-empty-state{text-align:center;padding:60px 20px;background:#FFF;border:1px dashed #CBD5E1;border-radius:16px;margin:20px 0}.tech-empty-state p{font-family:'Inter',sans-serif;font-size:1.125rem;color:#64748B;margin-bottom:16px}.tech-btn-reset{display:inline-block;padding:10px 24px;background:#0F172A;color:#FFF;border-radius:10px;font-family:'Inter',sans-serif;font-weight:600;font-size:.875rem;text-decoration:none;transition:background 0.2s ease}.tech-btn-reset:hover{background:#1E293B;color:#FFF}.fade-in-grid{animation:techGridFadeIn 0.35s ease-out}@keyframes techGridFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tech-fallback-svg{margin-bottom:10px;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .25))}.search-box-wrapper{position:relative;max-width:580px;margin:0 auto 18px;display:flex;align-items:center}.search-box-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#64748B;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:color 0.2s ease}.search-box-wrapper:focus-within .search-box-icon{color:#2563EB}.search-box-input,input#tech-search-input.search-box-input,input[type="text"]#tech-search-input{width:100%!important;height:56px!important;padding-left:56px!important;padding-right:50px!important;padding-top:0!important;padding-bottom:0!important;font-size:1rem!important;font-family:'Inter',sans-serif!important;border:2px solid #E2E8F0!important;border-radius:16px!important;background:#FFFFFF!important;color:#0F172A!important;outline:none!important;box-shadow:0 4px 15px rgb(0 0 0 / .04)!important;transition:all 0.25s cubic-bezier(.4,0,.2,1)!important;box-sizing:border-box!important}.search-box-input:focus,input#tech-search-input.search-box-input:focus,input[type="text"]#tech-search-input:focus{border-color:#2563EB!important;background:#FFFFFF!important;box-shadow:0 0 0 4px rgb(37 99 235 / .12),0 10px 25px -5px rgb(0 0 0 / .08)!important}.search-box-input::placeholder{color:#94A3B8!important;font-weight:400!important}.search-spinner{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#2563EB;font-size:1.1rem;display:none;z-index:10}.tech-cat-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:20px 0 0}.tech-cat-btn{font-family:'Inter',sans-serif;padding:9px 20px;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all 0.2s cubic-bezier(.4,0,.2,1);border:1px solid #E2E8F0;background:#FFF;color:#475569;outline:none;box-shadow:0 1px 3px rgb(0 0 0 / .04)}.tech-cat-btn:hover{border-color:#93C5FD;color:#2563EB;background:#EFF6FF;transform:translateY(-1px)}.tech-cat-btn.active{background:#0F172A!important;color:#FFFFFF!important;border-color:#0F172A!important;box-shadow:0 4px 12px rgb(15 23 42 / .2)}.site-footer{background:#0B0F19!important;color:#94A3B8!important;padding:72px 24px 36px!important;border-top:1px solid #1E293B!important;width:100%!important;box-sizing:border-box!important;font-family:'Inter',sans-serif!important}.footer-container{max-width:1200px!important;margin:0 auto!important;width:100%!important;box-sizing:border-box!important}.footer-grid{display:grid!important;grid-template-columns:1.4fr 0.9fr 0.9fr 1.3fr!important;gap:48px!important;margin-bottom:56px!important;align-items:start!important;box-sizing:border-box!important}@media (max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:40px!important}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr!important;gap:36px!important}}.footer-col-brand{display:flex!important;flex-direction:column!important;gap:16px!important}.footer-logo{display:inline-flex!important;align-items:center!important;gap:10px!important;font-weight:800!important;font-size:1.3rem!important;letter-spacing:-0.02em!important;color:#FFFFFF!important;text-decoration:none!important;font-family:'Montserrat',sans-serif!important}.footer-logo-icon{color:#2563EB!important;font-size:1.4rem!important}.footer-logo-text span{color:#2563EB!important}.footer-desc{font-size:0.875rem!important;line-height:1.65!important;color:#94A3B8!important;max-width:320px!important;margin:0!important}.footer-social-list{display:flex!important;align-items:center!important;gap:12px!important;margin-top:6px!important}.footer-social-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:10px!important;background:#1E293B!important;color:#94A3B8!important;font-size:1rem!important;text-decoration:none!important;transition:all 0.2s ease!important;border:1px solid #334155!important}.footer-social-btn:hover{background:#2563EB!important;color:#FFFFFF!important;border-color:#2563EB!important;transform:translateY(-2px)!important}.footer-col{display:flex!important;flex-direction:column!important}.footer-heading{color:#FFFFFF!important;font-size:0.875rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.08em!important;margin-bottom:20px!important;font-family:'Montserrat',sans-serif!important}.footer-links{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:12px!important}.footer-links li{margin:0!important;padding:0!important}.footer-links a{font-size:0.875rem!important;color:#94A3B8!important;text-decoration:none!important;transition:all 0.2s ease!important;display:inline-block!important}.footer-links a:hover{color:#FFFFFF!important;transform:translateX(3px)!important}.footer-newsletter-desc{font-size:0.875rem!important;line-height:1.5!important;color:#94A3B8!important;margin-bottom:14px!important}.footer-form{display:flex!important;flex-direction:column!important;gap:10px!important}.footer-input{width:100%!important;padding:12px 14px!important;background:#1E293B!important;border:1px solid #334155!important;border-radius:10px!important;color:#FFFFFF!important;font-size:0.875rem!important;outline:none!important;box-sizing:border-box!important;transition:border-color 0.2s ease!important}.footer-input:focus{border-color:#2563EB!important;box-shadow:0 0 0 3px rgb(37 99 235 / .15)!important}.footer-btn-submit{width:100%!important;padding:12px 16px!important;background:#2563EB!important;color:#FFFFFF!important;font-weight:700!important;font-size:0.875rem!important;border:none!important;border-radius:10px!important;cursor:pointer!important;transition:all 0.2s ease!important}.footer-btn-submit:hover{background:#1D4ED8!important;transform:translateY(-1px)!important}.footer-bottom{border-top:1px solid #1E293B!important;padding-top:28px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:0.8125rem!important;flex-wrap:wrap!important;gap:16px!important;color:#64748B!important}.footer-copyright{margin:0!important}.footer-bottom-links{display:flex!important;align-items:center!important;gap:12px!important}.footer-bottom-links a{color:#64748B!important;text-decoration:none!important;transition:color 0.2s ease!important}.footer-bottom-links a:hover{color:#94A3B8!important}.footer-dot{color:#475569!important}