.tech-page{min-height:100vh;background:#000}.tech-header{width:100vw;height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;padding:2rem}.tech-back-button{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:2rem;color:rgba(255,255,255,.7);font-family:PP Neue Montreal,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem}.tech-back-button:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3);color:#fff}.tech-subtitle{font-family:PP Neue Montreal,sans-serif;font-size:1.2rem;color:rgba(255,255,255,.7);opacity:.7;margin:0}.tech-header h1{font-family:Big Shoulders Display,sans-serif;font-size:4rem;font-weight:900;color:#fff;text-transform:uppercase;margin:0}.tech-category-tabs-container{width:100%;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2rem;scrollbar-width:none;-ms-overflow-style:none}.tech-category-tabs-container::-webkit-scrollbar{display:none}.tech-category-tabs{display:flex;justify-content:center;gap:.5rem;padding:0 2rem;min-width:max-content}.tech-category-tab{padding:1rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;color:rgba(255,255,255,.6);transition:all .3s ease;white-space:nowrap;cursor:pointer;position:relative;background:transparent;border:none;border-bottom:3px solid transparent;font-family:PP Neue Montreal,sans-serif}.tech-category-tab:hover{color:rgba(255,255,255,.9);background-color:rgba(255,255,255,.05)}.tech-category-tab.active{color:rgba(255,255,255,1);border-bottom-color:rgba(255,255,255,.8);background-color:rgba(255,255,255,.08)}.tech-category-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.8) 50%,rgba(255,255,255,0));animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.tech-search-bar-container{width:85%;max-width:1400px;margin:0 auto;padding:0 2rem 2rem}.tech-search-bar{position:relative;width:100%;max-width:600px;margin:0 auto}.tech-search-input{width:100%;padding:1rem 1.5rem 1rem 3.5rem;font-size:1rem;border:2px solid rgba(255,255,255,.3);border-radius:12px;background-color:rgba(255,255,255,.05);color:inherit;outline:none;transition:all .3s ease}.tech-search-input:focus{border-color:rgba(255,255,255,.8);background-color:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(255,255,255,.15),0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.tech-search-input::placeholder{color:rgba(255,255,255,.6);opacity:1}.tech-search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.7;pointer-events:none;transition:opacity .3s ease}.tech-search-bar:focus-within .tech-search-icon,.tech-search-input:focus+.tech-search-icon{opacity:1}.tech-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;font-size:1.2rem;cursor:pointer;opacity:.7;transition:all .2s ease;padding:.5rem;display:flex;align-items:center;justify-content:center;color:inherit;border-radius:6px}.tech-search-clear:hover{opacity:1;background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.1)}.tech-search-results-info{text-align:center;margin-top:1rem;opacity:.6;font-size:.95rem}.tech-posts-container{width:85%;max-width:1400px;margin:0 auto;padding:2rem 2rem 8rem}.tech-grid{display:flex;flex-direction:column;gap:1.5rem}.tech-card{position:relative;display:flex;flex-direction:row;gap:2rem;padding:1.5rem;cursor:pointer;text-decoration:none;color:inherit;transition:all .3s ease;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.tech-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);transform:translateX(8px)}.tech-card-image{position:relative;width:200px;min-width:200px;height:280px;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.05)}.tech-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tech-card:hover .tech-card-image img{transform:scale(1.05)}.tech-card-image-placeholder{font-size:4rem;color:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;height:100%}.tech-card-content{flex:1 1;display:flex;flex-direction:column;gap:1rem;justify-content:center}.tech-card-title{font-family:PP Neue Montreal,sans-serif;font-size:1.6rem;font-weight:600;color:#fff;margin:0;line-height:1.4;letter-spacing:-.01em}.tech-card-description{font-family:PP Neue Montreal,sans-serif;font-size:.95rem;color:rgba(255,255,255,.7);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tech-card-description h3,.tech-card-description p{color:inherit;font-size:inherit;margin:0;padding:0}.tech-card-meta{display:flex;align-items:center;gap:1rem;font-family:Geist Mono,monospace;font-size:.9rem;color:rgba(255,255,255,.6)}.tech-card-author,.tech-card-date{display:flex;align-items:center;gap:.5rem}@media (max-width:1000px){.tech-header{height:30vh;padding:1.5rem}.tech-back-button{padding:.6rem 1.2rem;font-size:.875rem}.tech-subtitle{font-size:1rem}.tech-header h1{font-size:2.5rem}.tech-category-tabs{justify-content:flex-start;padding:0 1rem}.tech-category-tab{padding:.75rem 1rem;font-size:.9rem}.tech-search-bar-container{width:95%;padding:0 1rem 2rem}.tech-posts-container{width:95%;padding:2rem 1rem 4rem}.tech-grid{gap:1.5rem}.tech-card{flex-direction:column;gap:1rem;padding:1rem}.tech-card:hover{transform:translateY(-4px)}.tech-card-image{width:100%;min-width:100%;height:200px}.tech-card-title{font-size:1.3rem}.tech-card-description{font-size:.9rem}}.tech-no-results{text-align:center;padding:4rem 2rem;opacity:.6}.tech-no-results h3{font-size:2rem;margin-bottom:1rem;color:#fff}.tech-no-results p{font-size:1.2rem;color:rgba(255,255,255,.7)}