:root{--color-bg:#07070c;--color-card-bg:#ffffff05;--color-card-border:#8000ff26;--color-card-hover-border:#8000ff66;--color-text-primary:#fff;--color-text-secondary:#c4c4c4;--color-purple-accent:#8000ff;--color-purple-glow:#8000ff40;--color-blue-accent:#6bc5f8}body{color:var(--color-text-secondary);background-color:#0000;background-image:radial-gradient(circle at 10% 20%,#8000ff14 0%,#0000 40%),radial-gradient(circle at 90% 80%,#6bc5f812 0%,#0000 45%),radial-gradient(circle,#8000ff0d 0%,#0000 60%),linear-gradient(#07070c 0%,#0c0c16 35%,#08080e 70%,#050508 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;font-family:Inter,sans-serif}.projects-header-controls{flex-direction:column;gap:2.5rem;margin-bottom:4rem;display:flex}.page-hero{text-align:center;z-index:2;padding:10rem 3rem 5rem;position:relative}.page-hero h1{color:var(--color-text-primary);letter-spacing:.08em;text-shadow:0 0 20px var(--color-purple-glow);margin-bottom:1.2rem;font-family:Orbitron,sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:900}.page-hero p{color:var(--color-blue-accent);letter-spacing:.05em;margin-top:.5rem;font-family:Fira Code,monospace;font-size:1.4rem}.back-link{color:var(--color-text-primary);border:1px solid var(--color-card-border);-webkit-backdrop-filter:blur(5px);background:#ffffff05;border-radius:30px;align-self:flex-start;align-items:center;gap:.8rem;padding:.8rem 1.6rem;font-family:Fira Code,monospace;font-size:1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.165,.84,.44,1);display:inline-flex}.back-link:hover{color:var(--color-blue-accent);border-color:var(--color-card-hover-border);box-shadow:0 0 10px var(--color-purple-glow);transform:translate(-4px)}.controls-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.search-box{z-index:2;width:100%;max-width:450px;position:relative}.search-box input{border:1px solid var(--color-card-border);width:100%;color:var(--color-text-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border-radius:30px;outline:none;padding:1.2rem 2rem 1.2rem 4.5rem;font-family:Inter,sans-serif;font-size:1.35rem;transition:border-color .3s,box-shadow .3s}.search-box input:focus{border-color:var(--color-card-hover-border);box-shadow:0 0 15px var(--color-purple-glow)}.search-icon{color:#fff6;pointer-events:none;font-size:1.4rem;transition:color .3s;position:absolute;top:50%;left:1.8rem;transform:translateY(-50%)}.search-box input:focus+.search-icon{color:var(--color-purple-accent)}.filter-tabs{z-index:2;flex-wrap:wrap;gap:1rem;display:flex}.filter-tab{border:1px solid var(--color-card-border);color:var(--color-text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff05;border-radius:20px;padding:.8rem 1.6rem;font-family:Fira Code,monospace;font-size:1.15rem;font-weight:500;transition:border-color .3s,color .3s,background .3s}.filter-tab:hover{border-color:var(--color-card-hover-border);color:var(--color-text-primary)}.filter-tab.active{border-color:var(--color-purple-accent);color:var(--color-text-primary);box-shadow:0 0 10px var(--color-purple-glow);background:#8000ff26}.nj-project-grid{z-index:2;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;display:grid;position:relative}.nj-project-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);-webkit-backdrop-filter:blur(10px);opacity:1;border-radius:14px;transition:transform .4s cubic-bezier(.165,.84,.44,1),border-color .4s,box-shadow .4s,opacity .3s;position:relative;overflow:hidden}.nj-project-card.hidden-card{opacity:0;pointer-events:none;transform:scale(.9)translateY(10px)}.nj-project-card:hover{border-color:var(--color-card-hover-border);box-shadow:0 12px 30px #0006, 0 0 15px var(--color-purple-glow);transform:translateY(-8px)}.nj-project-number{color:#8000ff1f;letter-spacing:.05em;-webkit-user-select:none;user-select:none;z-index:2;font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;transition:color .4s;position:absolute;top:1.5rem;right:2rem}.nj-project-card:hover .nj-project-number{color:#8000ff40}.nj-project-img-wrap{z-index:2;background:#00000040;border-bottom:1px solid #8000ff1a;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.nj-project-img-wrap img{object-fit:contain;filter:brightness(.95);width:auto;max-width:100%;height:auto;max-height:100%;padding:8px;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.nj-project-card:hover .nj-project-img-wrap img{filter:brightness(1.05);transform:scale(1.03)}.nj-project-info{z-index:2;flex-direction:column;padding:2.2rem;display:flex;position:relative}.nj-project-cat{text-transform:uppercase;letter-spacing:.05em;color:var(--color-blue-accent);background:#6bc5f80f;border:1px solid #6bc5f826;border-radius:4px;align-self:flex-start;margin-bottom:1.2rem;padding:2px 8px;font-family:Fira Code,monospace;font-size:1.1rem;font-weight:500;display:inline-block}.nj-project-name{color:var(--color-text-primary);letter-spacing:.02em;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.3}.nj-project-desc{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;height:64px;margin-bottom:2rem;font-size:1.35rem;line-height:1.65;display:-webkit-box;overflow:hidden}.nj-card-badges{flex-wrap:wrap;gap:.8rem;margin-bottom:2.2rem;display:flex}.nj-card-badge{border:1px solid var(--color-card-border);width:32px;height:32px;color:var(--color-text-secondary);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:transform .3s,border-color .3s,color .3s,box-shadow .3s;display:inline-flex}.nj-card-badge:hover{border-color:var(--color-card-hover-border);color:var(--color-text-primary);box-shadow:0 0 8px var(--color-purple-glow);transform:translateY(-3px)}.nj-hire-btn{color:var(--color-purple-accent);align-self:flex-start;align-items:center;gap:.8rem;padding:4px 0;font-family:Fira Code,monospace;font-size:1.2rem;font-weight:500;text-decoration:none;transition:color .3s,gap .3s;display:inline-flex}.nj-hire-btn svg{stroke:var(--color-purple-accent);fill:none;stroke-width:2px;transition:transform .3s,stroke .3s}.nj-hire-btn:hover{color:var(--color-text-primary);gap:1.2rem}.nj-hire-btn:hover svg{stroke:var(--color-text-primary);transform:translate(3px)}.nj-empty-state{text-align:center;background:var(--color-card-bg);border:1px dashed var(--color-card-border);border-radius:12px;padding:6rem 2rem}.nj-empty-state p{color:var(--color-text-secondary);font-family:Fira Code,monospace;font-size:1.4rem}.nj-empty-state code{color:var(--color-blue-accent);background:#8000ff1a;border-radius:4px;padding:2px 6px}@media (width<=768px){.controls-wrapper{flex-direction:column;align-items:stretch}.search-box{max-width:100%}}