.repo-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 24px;margin-top: 20px;}
  .repo-card {background: #1a1a1a;border: 1px solid #3a2420;border-radius: 18px;padding: 22px 24px;transition: all 0.25s ease;position: relative;overflow: hidden;}
  .repo-card:hover {transform: translateY(-6px);box-shadow: 0 12px 30px rgba(217, 95, 2, 0.2);border-color: #ff7a00;}
  .repo-card .repo-header {display: flex;align-items: center;gap: 12px;margin-bottom: 10px;}
  .repo-card .repo-icon {font-size: 28px;flex-shrink: 0;}
  .repo-card .repo-name {font-size: 20px;font-weight: bold;color: #fff;margin: 0;}
  .repo-card .repo-name a {color: #ffaa66;text-decoration: none;transition: color 0.2s;}
  .repo-card .repo-name a:hover {color: #ff7a00;}
  .repo-card .repo-badge {display: inline-block;background: linear-gradient(90deg, #8b1e1e, #d95f02);color: #fff;font-size: 11px;font-weight: bold;padding: 2px 12px;border-radius: 20px;margin-left: 8px;text-transform: uppercase;letter-spacing: 0.5px;}
  .repo-card .repo-desc {color: #ccc;font-size: 15px;line-height: 1.5;margin: 10px 0 14px 0;}
  .repo-card .repo-meta {display: flex;flex-wrap: wrap;gap: 16px;font-size: 13px;color: #999;padding-top: 12px;border-top: 1px solid #2a2a2a;}
  .repo-card .repo-meta span {display: flex;align-items: center;gap: 5px;}
  .repo-card .repo-meta .lang-dot {display: inline-block;width: 12px;height: 12px;border-radius: 50%;flex-shrink: 0;}
  .repo-card .repo-links {display: flex;gap: 12px;margin-top: 12px;flex-wrap: wrap;}
  .repo-card .repo-links a {background: transparent;border: 1px solid #3a2420;padding: 6px 16px;border-radius: 8px;font-size: 14px;color: #d0b0a0;text-decoration: none;transition: all 0.2s ease;}
  .repo-card .repo-links a:hover {background: linear-gradient(90deg, #b22222, #ff7a00);border-color: #ff7a00;color: #fff;transform: scale(1.05);}
  .stats-mini {display: flex;gap: 30px;flex-wrap: wrap;background: #181818;border-radius: 16px;padding: 20px 30px;margin-top: 10px;border: 1px solid #2a1a16;}
  .stats-mini .stat-item {display: flex;align-items: baseline;gap: 6px;}
  .stats-mini .stat-item .num {font-size: 28px;font-weight: bold;color: #ffaa66;}
  .stats-mini .stat-item .label {font-size: 14px;color: #aaa;}
  .github-link-big {display: inline-flex;align-items: center;gap: 12px;background: linear-gradient(90deg, #8b1e1e, #d95f02);color: #fff;padding: 14px 32px;border-radius: 14px;font-size: 20px;font-weight: bold;text-decoration: none;transition: all 0.25s ease;margin-top: 10px;}
  .github-link-big:hover {transform: scale(1.05);box-shadow: 0 8px 25px rgba(217, 95, 2, 0.35);}
  .roadmap-list {list-style: none;padding: 0;margin: 10px 0 0 0;}
  .roadmap-list li {padding: 10px 0;border-bottom: 1px solid #222;display: flex;align-items: center;gap: 14px;color: #ccc;}
  .roadmap-list li:last-child {border-bottom: none;}
  .roadmap-list .status {font-size: 12px;font-weight: bold;padding: 2px 14px;border-radius: 20px;flex-shrink: 0;}
  .status.done { background: #2d7a2d; color: #8fdf8f; }
  .status.wip { background: #8b6d1e; color: #f0d080; }
  .status.plan { background: #3a3a5a; color: #aaaadd; }
  .status.test { background: #6d2d2d; color: #ef8f8f; }
  @media (max-width: 700px) {
    .repo-grid { grid-template-columns: 1fr; }
    .stats-mini { flex-direction: column; gap: 12px; }
    .github-link-big { font-size: 16px; padding: 12px 24px; }
  }