style.css

*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0d1017;color:#eef2f7}.shell{width:min(1100px,92%);margin:auto}.hero{padding:72px 0 40px;background:linear-gradient(135deg,#151b29,#0d1017)}.eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:700}.hero h1{font-size:clamp(2.5rem,7vw,5rem);margin:.3rem 0}.intro{max-width:720px;color:#b6c0d0;line-height:1.7}.toolbar{display:flex;gap:16px;align-items:center;margin-top:28px}.toolbar input{width:min(520px,100%);padding:14px 16px;border:1px solid #3a4354;border-radius:10px;background:#171d29;color:#fff;font:inherit}.count{color:#9ba7ba}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;padding:36px 0}.card{display:block;padding:24px;border:1px solid #2c3443;border-radius:14px;background:#131924;color:inherit;text-decoration:none;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#69758b}.card h2{margin-top:0}.card p{color:#aeb8c8;line-height:1.6}.open{font-weight:700}.status,.empty{color:#aeb8c8}.footer{padding:24px 0 48px;color:#8792a5}