.project-grid{grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:repeat(2,minmax(285px,auto))}
.project-card.featured{grid-column:1;grid-row:1/3;min-height:584px}
.live-tool-card{min-height:285px}
.file-browser-card{grid-column:2;grid-row:1;background:radial-gradient(circle at 90% 0,rgba(52,207,190,.18),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--primary) 14%,var(--surface-solid)),var(--surface));border-color:color-mix(in srgb,var(--primary) 25%,var(--line))}
.poll-card{grid-column:3;grid-row:1;background:radial-gradient(circle at 90% 0,rgba(113,87,255,.2),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--primary) 11%,var(--surface-solid)),var(--surface));border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}
.db-browser-card{grid-column:2;grid-row:2;background:radial-gradient(circle at 90% 0,rgba(60,134,247,.18),transparent 38%),linear-gradient(145deg,color-mix(in srgb,#3c86f7 10%,var(--surface-solid)),var(--surface));border-color:color-mix(in srgb,#3c86f7 28%,var(--line))}
.kweather-card{grid-column:3;grid-row:2;background:radial-gradient(circle at 90% 0,rgba(247,176,60,.2),transparent 38%),linear-gradient(145deg,color-mix(in srgb,#3c86f7 9%,var(--surface-solid)),var(--surface));border-color:color-mix(in srgb,#3c86f7 24%,var(--line))}
.live-tool-card .project-icon{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.poll-card .project-icon{background:var(--primary);color:#fff;border-color:var(--primary)}
.db-browser-card .project-icon{background:#3c86f7;color:#fff;border-color:#3c86f7}
.kweather-card .project-icon{background:linear-gradient(145deg,#f7b03c,#3c86f7);color:#fff;border-color:transparent}
.juice-card{background:radial-gradient(circle at 90% 0,rgba(255,199,71,.25),transparent 40%),linear-gradient(145deg,color-mix(in srgb,#18b9a7 12%,var(--surface-solid)),var(--surface));border-color:color-mix(in srgb,#18b9a7 30%,var(--line))}
.juice-card .project-icon{background:linear-gradient(145deg,#ff9d3d,#12a99b);color:#fff;border-color:transparent}
.live-tool-card h3{font-size:28px;margin-top:13px}
.tool-badge{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.16em;color:#19a98e}
.tool-badge span{width:7px;height:7px;border-radius:50%;background:#20c7a6;box-shadow:0 0 0 4px rgba(32,199,166,.13);animation:pulse 2s infinite}
.read-only-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:8px;font-weight:800;letter-spacing:.13em;color:var(--muted);background:var(--surface)}
.read-only-badge svg{width:12px}
.mini-project-grid{display:grid;grid-column:1/4;grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:14px}
.mini-project-grid .project-card{min-height:0;padding:20px}
.mini-project-grid .project-card h3{font-size:21px}
.mini-project-grid .project-icon{width:38px;height:38px}
@media(max-width:1040px){.project-grid{grid-template-columns:1.2fr 1fr;grid-template-rows:auto}.project-card.featured{grid-column:1;grid-row:1/5;min-height:1182px}.file-browser-card{grid-column:2;grid-row:1}.poll-card{grid-column:2;grid-row:2}.db-browser-card{grid-column:2;grid-row:3}.kweather-card{grid-column:2;grid-row:4}.mini-project-grid{grid-column:1/3;grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mini-project-grid .project-card{min-height:220px}}
@media(max-width:820px){.project-grid{grid-template-columns:1fr;grid-template-rows:auto}.project-card.featured,.file-browser-card,.poll-card,.db-browser-card,.kweather-card,.mini-project-grid{grid-column:1;grid-row:auto}.project-card.featured{min-height:430px}.live-tool-card{min-height:285px}.mini-project-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mini-project-grid .project-card{min-height:220px}}
@media(max-width:520px){.mini-project-grid{grid-template-columns:1fr}.mini-project-grid .project-card{min-height:220px}}