:root{--bg:#0b0b0b;--surface:#141414;--card:#1b1b1b;--gold:#d4af37;--gold-light:#f5d06f;--text:#fff;--muted:#b6b6b6;--border:#d4af3740}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif}header{border-bottom:1px solid var(--border);background:#000;justify-content:space-between;align-items:center;padding:24px 8%;display:flex}.logo{color:var(--gold);letter-spacing:2px;font-size:28px;font-weight:800}nav{gap:30px;display:flex}nav a{color:#fff;text-decoration:none}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:40px;display:flex}.hero h1{color:var(--gold);font-size:72px}.hero p{color:var(--muted);margin-top:20px;font-size:22px}.hero-btn{border:1px solid var(--gold);color:var(--gold);border-radius:12px;margin-top:40px;padding:14px 34px;text-decoration:none}.section{padding:100px 8%}.section-title{color:var(--gold);margin-bottom:40px;font-size:42px}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:30px;transition:all .3s}.card:hover{border-color:var(--gold);transform:translateY(-8px)}.card h3{color:var(--gold-light);margin-bottom:12px}.card p{color:var(--muted);line-height:1.8}footer{text-align:center;border-top:1px solid var(--border);color:var(--muted);padding:40px}.status{border-radius:999px;align-items:center;margin-bottom:18px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.status.completed{color:#22c55e;background:#16a34a22}.status.building{color:#fbbf24;background:#f59e0b22}.tags{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.tags span{background:#ffffff0f;border-radius:999px;padding:6px 12px;font-size:.8rem}.case-link{color:#f0b90b;margin-top:12px;font-weight:700;text-decoration:none;display:inline-flex}