.page-header {
  background: linear-gradient(135deg, #0b1220 0%, #111b2e 100%);
  color: #fff;
  padding: 64px 0 48px;
  text-align: center;
}
.page-header h1 { font-size: 2.1rem; font-weight: 800; margin-bottom: 8px; color: #fff; }
.page-header p { color: #94a3b8; font-size: 1.05rem; }

.page-list { display: flex; flex-direction: column; gap: 16px; }
.page-item {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 8px 24px rgba(11,18,32,.06);
}
.page-item h3 { font-size: 1.15rem; color: #0b1220; margin-bottom: 6px; font-weight: 700; }
.page-item .meta { color: #d48f00; font-weight: 600; font-size: .9rem; margin-bottom: 8px; }
.page-item .date { color: #64748b; font-size: .85rem; margin-bottom: 10px; }
.page-item .desc { color: #475569; font-size: .95rem; line-height: 1.7; }

.projects-full-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 22px;
}
.skills-full-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}
.skill-full-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 18px;
}
.skill-full-card .top { display: flex; justify-content: space-between; font-weight: 700; color: #0b1220; margin-bottom: 8px; }
.skill-full-card .bar { height: 8px; background: #eef2f7; border-radius: 999px; overflow: hidden; }
.skill-full-card .fill { height: 100%; background: linear-gradient(90deg,#f0a500,#ffc107); border-radius: 999px; }
.skill-full-card .cat { margin-top: 8px; font-size: .75rem; color: #d48f00; font-weight: 600; }

.services-full-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 18px;
}
.service-full-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 24px 18px;
  text-align: center;
  box-shadow: 0 8px 24px rgba(11,18,32,.06);
}
.service-full-card .ico {
  width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 50%;
  background: #fff8e7; color: #d48f00; display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
}
.service-full-card h3 { color: #0b1220; font-size: 1.05rem; margin-bottom: 8px; }
.service-full-card p { color: #64748b; font-size: .9rem; }