:root{
  --bg:#050509; --card:#101015; --border:#252530;
  --text:#f5f5f5; --muted:#9b9ba6; --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;}
.container{max-width:900px;margin:0 auto;padding:1.3rem 1.1rem 3rem;}
.section-title{font-size:1.2rem;font-weight:600;margin-bottom:.4rem;}
.section-subtitle{font-size:.86rem;color:var(--muted);margin-bottom:1.4rem;max-width:42rem;}
.work-grid{display:grid;gap:1rem;}
@media(min-width:720px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.work-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.85);display:flex;flex-direction:column;transition:.2s;}
.work-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(0,0,0,.95);border-color:#3e3e4b;}
.work-thumb{padding:.95rem;min-height:130px;display:flex;flex-direction:column;justify-content:space-between;}
.work-thumb.has-image{background:none;}
.work-thumb-img{width:100%;border-radius:12px;max-height:140px;object-fit:cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px rgba(0,0,0,.55);margin:.6rem 0 1rem;}
.work-tag-top{font-size:.75rem;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(226,232,240,.35);background:rgba(15,23,42,.55);display:inline-flex;width:max-content;}
.work-title-main{font-size:1rem;font-weight:600;}
.work-domain{font-size:.82rem;color:#cbd5f5;margin-top:.25rem;}
.work-body{padding:.75rem .95rem .9rem;border-top:1px solid rgba(37,37,48,.9);font-size:.82rem;color:var(--muted);}
.work-tags-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem;}
.work-chip{font-size:.74rem;padding:.18rem .5rem;border-radius:999px;border:1px solid #2a2a35;background:#15151f;color:var(--muted);}
.work-visit{margin-top:.8rem;display:inline-flex;gap:.35rem;align-items:center;color:#e5e5f0;}
.back{display:inline-block;color:#cbd5f5;margin-bottom:12px;text-decoration:none;}
.buy-box{background:#0b0b10;border:1px solid #20202b;border-radius:14px;padding:14px;max-width:520px;}
.price{margin-bottom:10px;}
.status{margin-top:10px;color:var(--muted);font-size:.85rem;}
.download-btn{display:inline-block;padding:.55rem .95rem;border-radius:999px;background:#22c55e;color:#08110a;text-decoration:none;font-weight:600;}