:root{--hud-blue:#4fd1ff;--hud-blue-soft:#4fd1ff66;--hud-blue-dim:#4fd1ff1a;--hud-line:#ffffff59;--bg-dark:#0a0c12;--bg-panel:#0f141ed9;--text-primary:#fffffff2;--text-secondary:#ffffffbf}h1{letter-spacing:.15em;color:#0000;text-shadow:0 0 30px #00ffff4d;background:linear-gradient(90deg,#fff,#00ffffe6);-webkit-background-clip:text;background-clip:text;justify-content:center;align-self:center;margin-bottom:1.5rem;font-family:Gajraj One,sans-serif;font-size:80px;display:flex}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.projects-section{background:var(--bg-dark);max-width:1400px;margin:0 auto;padding:4rem 2rem;position:relative}.projects-section:before{content:"";background:linear-gradient(90deg,transparent,var(--hud-blue),#fffc,var(--hud-blue),transparent);opacity:.6;width:90%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.project-row{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #4fd1ff26;border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:6rem;padding:2rem;transition:all .4s;display:grid;position:relative;box-shadow:0 10px 30px #0000004d}.project-row:hover{border-color:var(--hud-blue-soft);transform:translateY(-5px);box-shadow:0 20px 40px #4fd1ff26,inset 0 0 30px #4fd1ff0d}.project-row:before,.project-row:after{content:"";opacity:.6;border:2px solid #4fd1ff80;width:25px;height:25px;transition:all .3s;position:absolute}.project-row:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.project-row:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.project-row:hover:before,.project-row:hover:after{border-color:var(--hud-blue);opacity:1;width:30px;height:30px}.project-row.reverse{direction:rtl}.project-row.reverse .content{direction:ltr}.image-wrapper{background:#0000004d;border:1px solid #4fd1ff33;border-radius:12px;position:relative;overflow:hidden}.image-wrapper:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#4fd1ff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.image-wrapper:hover:before{left:100%}.image-wrapper:after{content:"";pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 30px #00000080}.project-image{filter:brightness(.95)contrast(1.1);width:100%;height:auto;transition:transform .6s}.project-image:hover{filter:brightness(1.05)contrast(1.15);transform:scale(1.08)}.content{padding:1.5rem;position:relative}.project-title{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem;font-family:Gajraj One,sans-serif;font-size:2rem;display:inline-block;position:relative}.project-title:after{content:"";background:linear-gradient(90deg,var(--hud-blue),transparent);width:60px;height:2px;position:absolute;bottom:-8px;left:0}.project-description{color:var(--text-secondary);letter-spacing:.02em;border-left:2px solid #4fd1ff4d;margin-bottom:2rem;padding-left:1.5rem;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.8}.project-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.category-badge{color:var(--hud-blue);text-transform:uppercase;letter-spacing:.1em;background:#4fd1ff1a;border:1px solid #4fd1ff4d;border-radius:30px;padding:.4rem 1.25rem;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:600;transition:all .3s}.category-badge:hover{border-color:var(--hud-blue);background:#4fd1ff33;transform:translateY(-2px);box-shadow:0 5px 15px #4fd1ff33}.view-project-btn{border:1px solid var(--hud-blue);cursor:pointer;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:30px;align-items:center;gap:.75rem;padding:.6rem 1.5rem;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.view-project-btn:before{content:"";background:#4fd1ff33;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-project-btn:hover{border-color:var(--hud-blue);background:#4fd1ff1a;transform:translateY(-2px);box-shadow:0 5px 20px #4fd1ff4d}.view-project-btn:hover:before{width:300px;height:300px}.view-project-btn svg{transition:transform .3s}.view-project-btn:hover svg{transform:translate(5px)}.filter-section{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #4fd1ff26;border-radius:16px;justify-content:center;margin:100px;padding:2rem;display:flex;position:relative}.filter-section:before{content:"";background:linear-gradient(90deg,transparent,var(--hud-blue),transparent);opacity:.5;width:60%;height:1px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.filter-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-title{color:var(--hud-blue);letter-spacing:.15em;text-transform:uppercase;border-left:3px solid var(--hud-blue);padding-left:1rem;font-family:Gajraj One,sans-serif;font-size:1.25rem;position:relative}.filter-controls{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.filter-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn{color:var(--text-secondary);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f141e99;border:1px solid #4fd1ff33;border-radius:30px;padding:.6rem 1.5rem;font-family:Courier New,Courier,monospace;font-size:.9rem;transition:all .3s}.filter-btn:hover{border-color:var(--hud-blue);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 5px 15px #4fd1ff33}.filter-btn.active,.filter-btn[aria-pressed=true]{border-color:var(--hud-blue);color:#fff;text-shadow:0 0 8px #4fd1ff80;background:#4fd1ff26;box-shadow:0 0 20px #4fd1ff4d}.results-count{color:var(--text-secondary);letter-spacing:.05em;align-items:center;gap:.5rem;margin-top:1.5rem;font-family:Courier New,Courier,monospace;font-size:.95rem;display:flex}.results-count:before{content:"";background:var(--hud-blue);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.no-results{text-align:center;background:var(--bg-panel);border:1px solid #4fd1ff26;border-radius:16px;margin:2rem 0;padding:5rem 2rem;position:relative}.no-results:before,.no-results:after{content:"";border:2px solid #4fd1ff4d;width:30px;height:30px;position:absolute}.no-results:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.no-results:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.no-results p{color:var(--text-secondary);letter-spacing:.1em;margin-bottom:2rem;font-family:Courier New,Courier,monospace;font-size:1.2rem}.reset-filter-btn{color:var(--text-primary);border:1px solid var(--hud-blue);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:30px;margin-top:1rem;padding:.9rem 2rem;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.reset-filter-btn:before{content:"";background:#4fd1ff33;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reset-filter-btn:hover{border-color:var(--hud-blue);background:#4fd1ff1a;transform:translateY(-3px);box-shadow:0 10px 25px #4fd1ff4d}.reset-filter-btn:hover:before{width:300px;height:300px}@media (min-width:1400px){.projects-section{max-width:1600px;padding:5rem 3rem}.project-row{gap:4rem;padding:2.5rem}.project-title{font-size:2.25rem}.filter-section{margin-left:150px;margin-right:150px;padding:2.5rem}}@media (max-width:1199px) and (min-width:1025px){.project-row{gap:2.5rem;padding:1.75rem}.project-title{font-size:1.85rem}.filter-section{margin-left:60px;margin-right:60px;padding:1.75rem}}@media (max-width:1024px) and (min-width:769px){.projects-section{padding:3rem 2rem}h1{letter-spacing:.12em;font-size:64px}.project-row{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;padding:1.75rem}.project-row.reverse{direction:ltr}.project-title{font-size:1.75rem}.project-title:after{width:50px}.project-description{padding-left:1.25rem;font-size:.9rem}.filter-section{margin:80px 40px;padding:1.75rem}.filter-title{font-size:1.1rem}.filter-btn{padding:.5rem 1.25rem;font-size:.85rem}.image-wrapper{max-width:80%;margin:0 auto}}@media (max-width:768px){.projects-section{padding:2rem 1.5rem}h1{letter-spacing:.1em;margin-bottom:1rem;font-size:48px}.project-row{grid-template-columns:1fr;gap:1.75rem;margin-bottom:4rem;padding:1.25rem}.project-title{margin-bottom:1rem;font-size:1.5rem}.project-title:after{width:40px;bottom:-6px}.project-description{border-left-width:2px;padding-left:1rem;font-size:.9rem;line-height:1.7}.project-meta{flex-direction:column;align-items:flex-start;gap:1rem}.filter-section{margin:60px 20px;padding:1.5rem}.filter-header{flex-direction:column;align-items:flex-start;gap:1rem}.filter-title{border-left-width:2px;padding-left:.75rem;font-size:1rem}.filter-controls{flex-direction:column;align-items:flex-start;width:100%}.filter-buttons{gap:.5rem;width:100%}.filter-btn{text-align:center;white-space:nowrap;flex:calc(50% - .5rem);padding:.5rem 1rem;font-size:.8rem}.results-count{margin-top:1rem;font-size:.85rem}.image-wrapper{max-width:90%;margin:0 auto}.project-image:hover{transform:scale(1.05)}.project-row:before,.project-row:after{border-width:1.5px;width:20px;height:20px}.project-row:hover:before,.project-row:hover:after{width:25px;height:25px}}@media (max-width:480px){.projects-section{padding:1.5rem 1rem}h1{letter-spacing:.08em;text-shadow:0 0 20px #00ffff4d;font-size:36px}.project-row{border-radius:12px;gap:1.5rem;margin-bottom:3rem;padding:1rem}.project-title{letter-spacing:.06em;font-size:1.25rem}.project-title:after{width:35px;height:1.5px}.project-description{border-left-width:1.5px;margin-bottom:1.5rem;padding-left:.75rem;font-size:.85rem;line-height:1.6}.content{padding:.5rem}.category-badge{padding:.25rem 1rem;font-size:.7rem}.view-project-btn{justify-content:center;width:100%;padding:.5rem 1.25rem;font-size:.8rem}.filter-section{border-radius:12px;margin:40px 15px;padding:1.25rem}.filter-section:before{width:70%;top:-15px}.filter-title{border-left-width:2px;padding-left:.5rem;font-size:.9rem}.filter-btn{white-space:normal;flex:100%;padding:.5rem;font-size:.75rem}.results-count{flex-wrap:wrap;font-size:.8rem}.no-results{padding:3rem 1rem}.no-results p{letter-spacing:.08em;font-size:1rem}.no-results:before,.no-results:after{border-width:1.5px;width:20px;height:20px}.reset-filter-btn{width:100%;padding:.75rem 1.5rem;font-size:.9rem}.image-wrapper{max-width:100%}.image-wrapper:after{box-shadow:inset 0 0 15px #00000080}.project-image:hover{transform:scale(1.03)}.project-row:before,.project-row:after{border-width:1px;width:15px;height:15px}.project-row:hover:before,.project-row:hover:after{width:20px;height:20px}}@media (max-width:320px){.projects-section{padding:1rem .75rem}h1{letter-spacing:.06em;font-size:28px}.project-row{gap:1rem;padding:.75rem}.project-title{font-size:1.1rem}.project-description{padding-left:.5rem;font-size:.8rem}.filter-section{margin:30px 10px;padding:1rem}.filter-btn{padding:.4rem .75rem;font-size:.7rem}.results-count{font-size:.75rem}.category-badge{padding:.2rem .75rem;font-size:.65rem}.view-project-btn{padding:.4rem 1rem;font-size:.75rem}}@media (max-height:600px) and (orientation:landscape){.projects-section{padding:2rem 1.5rem}.project-row{margin-bottom:3rem}.filter-section{margin:50px 30px;padding:1.5rem}h1{margin-bottom:.75rem;font-size:48px}}@media (min-width:1920px) and (min-resolution:192dpi){.project-row{gap:4.5rem}.project-title{font-size:2.5rem}.project-description{font-size:1rem}}@keyframes scanLine{0%{background-position:-100% 0}to{background-position:200% 0}}::selection{color:#fff;background:#4fd1ff4d}::selection{color:#fff;background:#4fd1ff4d}@media print{.projects-section{color:#000;background:#fff}.project-row{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.view-project-btn,.filter-section{display:none}}