:root{
  --bdit-primary:#00b894;
  --bdit-text:#222;
  --bdit-muted:#666;
  --bdit-card-bg:#fff;
  --bdit-shadow:0 8px 24px rgba(0,0,0,.06);
  --bdit-radius:12px;
  --bdit-cols:4;
  --bdit-border:0;
  --bdit-border-color:rgba(0,0,0,.08);
}
.bdit-portfolio-wrap { max-width:1200px; margin:0 auto; font-family: inherit; }
.bdit-portfolio-wrap * { box-sizing:border-box; }
.bdit-portfolio-wrap .bdit-filter { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 14px; }
.bdit-portfolio-wrap .bdit-filter button{ padding:4px 10px; border:1px solid var(--bdit-border-color); background:linear-gradient(90deg,#0d1b3d,#1a237e); border-radius:8px; cursor:pointer; font:600 14px/1.2 inherit; }
.bdit-portfolio-wrap .bdit-filter button.active{ background: var(--bdit-primary); color:#fff; border-color:transparent; }
.bdit-portfolio-wrap .bdit-portfolio-grid { display:grid; grid-template-columns:repeat(var(--bdit-cols),1fr); gap:16px; align-items:start; }
@media(max-width:1000px){ .bdit-portfolio-wrap .bdit-portfolio-grid{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .bdit-portfolio-wrap .bdit-portfolio-grid{ grid-template-columns:repeat(1,1fr);} }
.bdit-portfolio-wrap .bdit-item { background:var(--bdit-card-bg); border-radius:var(--bdit-radius); box-shadow:var(--bdit-shadow); overflow:hidden; min-height:240px; display:flex; flex-direction:column; transition: transform .15s ease; border: var(--bdit-border) solid var(--bdit-border-color); }
.bdit-portfolio-wrap .bdit-item:hover{ transform: translateY(-2px); }
.bdit-portfolio-wrap .bdit-screenshot-wrap { height:200px; overflow:hidden; position:relative; background:#f7f7f7; }
.bdit-portfolio-wrap .bdit-screenshot { width:100%; display:block; transform: translateY(0); }
.bdit-accent-dots .bdit-screenshot-wrap{ background-image: radial-gradient(rgba(0,0,0,.04) 1px, transparent 1px); background-size: 12px 12px; }
.bdit-accent-grid .bdit-screenshot-wrap{ background-image: linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px); background-size: 12px 12px; }
.bdit-portfolio-wrap .bdit-meta { padding:10px 12px; display:flex; flex-direction:column; gap:6px; align-items:center; text-align:center; font-family: inherit; }
.bdit-portfolio-wrap .bdit-title{ margin:0; font-size:16px; color:var(--bdit-text); font-weight:700; font-family: inherit; }
.bdit-portfolio-wrap .bdit-cat{ font-size:12px; color:var(--bdit-muted); text-transform:capitalize; font-family: inherit; }
.bdit-portfolio-wrap .bdit-visit{ display:inline-flex; align-items:center; justify-content:center; gap:6px; margin-top:8px; padding:6px 10px; background:linear-gradient(90deg,#0d1b3d,#1a237e); color:#fff; border:none; border-radius:6px; text-decoration:none; font:600 13px/1 inherit; box-shadow: 0 2px 6px rgba(0,0,0,.06); }
.bdit-portfolio-wrap .bdit-visit:hover{ filter: brightness(.96); }
.bdit-portfolio-wrap .bdit-loadmore-wrap{ text-align:center; margin-top:14px; }
.bdit-portfolio-wrap .bdit-viewmore{ padding:8px 14px; border-radius:999px; background:#111; color:#fff; border:none; cursor:pointer; font:600 13px/1 inherit; }
.bdit-portfolio-wrap .bdit-viewmore[disabled]{ opacity:.6; cursor:not-allowed; }