/* ============================================================
   psk-home.css - TRANG CHU (.psk-home)
   Trich nguyen van tu noi-dung-trang-chu-wp.html.
   Bien mau da chuyen sang psk-tokens.css.
   ============================================================ */


/* ############ TRANG CHU (.psk-home) ############ */
.psk-home {
  font-family:'Nunito Sans',-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  line-height:1.65;
  font-size:17px;
}
.psk-home .psk-wrap {
  max-width:1080px;
  margin:0 auto;
  padding:0 20px;
}
.psk-home a {
  color:var(--teal-d);
  text-decoration:none;
}
.psk-home .psk-btn {
  display:inline-block;
  background:var(--accent);
  color:#3a2a10;
  font-weight:800;
  padding:14px 28px;
  border-radius:10px;
  font-size:16.5px;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  transition:transform .12s ease;
}
.psk-home .psk-btn:hover {
  transform:translateY(-2px);
  color:#3a2a10;
}
.psk-home .psk-btn.ghost {
  background:transparent;
  color:#eafbff;
  border:1.5px solid rgba(255,255,255,.6);
  box-shadow:none;
}
.psk-home .psk-btn.ghost:hover {
  color:#fff;
}
.psk-home .psk-hero {
  background:linear-gradient(160deg,#0e6d7d 0%,#13849a 55%,#29a7bd 100%);
  color:#fff;
  padding:64px 0 72px;
  text-align:center;
  border-radius:0;
}
.psk-home .psk-kicker {
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#bdeaf2;
  font-weight:700;
  margin-bottom:18px;
}
.psk-home .psk-hero h1 {
  font-size:44px;
  line-height:1.12;
  font-weight:800;
  max-width:820px;
  margin:0 auto 20px;
  color:#fff;
}
.psk-home .psk-hero p.psk-lead {
  font-size:19px;
  color:#eafbff;
  max-width:660px;
  margin:0 auto 30px;
}
.psk-home .psk-cta {
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}
.psk-home .psk-hero .psk-note {
  font-size:14px;
  color:#cdeef4;
  margin-top:18px;
}
.psk-home .psk-block {
  padding:64px 0;
}
.psk-home h2.psk-sec {
  font-size:30px;
  font-weight:800;
  color:var(--teal-d);
  text-align:center;
  margin:0 0 10px;
}
.psk-home p.psk-sub {
  color:var(--muted);
  text-align:center;
  max-width:680px;
  margin:0 auto 40px;
}
.psk-home .psk-legs {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:8px;
}
.psk-home .psk-leg {
  background:#eef8fa;
  border-radius:14px;
  padding:24px;
  text-align:center;
}
.psk-home .psk-leg .psk-num {
  font-size:13px;
  letter-spacing:2px;
  font-weight:800;
  color:var(--teal-l);
  text-transform:uppercase;
}
.psk-home .psk-leg h3 {
  font-size:20px;
  font-weight:800;
  color:var(--teal-d);
  margin:8px 0 6px;
}
.psk-home .psk-leg p {
  font-size:15.5px;
  color:var(--muted);
  margin:0;
}
.psk-home .psk-about {
  display:grid;
  grid-template-columns:200px 1fr;
  gap:38px;
  align-items:center;
  background:#eef8fa;
  border-radius:18px;
  padding:38px 36px;
}
.psk-home .psk-about img {
  width:180px;
  height:180px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 12px 30px rgba(14,109,125,.25);
}
.psk-home .psk-about h2 {
  font-size:26px;
  color:var(--teal-d);
  margin:0 0 14px;
  text-align:left;
  font-weight:800;
}
.psk-home .psk-about p {
  font-size:16.5px;
  margin:0 0 12px;
}
.psk-home .psk-about .psk-sign {
  font-weight:800;
  color:var(--teal-d);
}
.psk-home .psk-pillars {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.psk-home .psk-pillar {
  background:var(--card);
  border:1px solid #e2edf0;
  border-radius:14px;
  padding:24px;
  display:block;
}
.psk-home .psk-pillar:hover {
  border-color:var(--teal-l);
}
.psk-home .psk-pillar .psk-ic {
  width:46px;
  height:46px;
  border-radius:12px;
  background:#e8f6f8;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}
.psk-home .psk-pillar .psk-ic svg {
  width:26px;
  height:26px;
  stroke:var(--teal-d);
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.psk-home .psk-pillar h3 {
  font-size:19px;
  font-weight:800;
  margin:0 0 6px;
  color:var(--ink);
}
.psk-home .psk-pillar p {
  font-size:15.5px;
  color:var(--muted);
  margin:0;
}
.psk-home .psk-principle {
  background:#0b5966;
  color:#eafcff;
  border-radius:18px;
  padding:40px 38px;
  text-align:center;
}
.psk-home .psk-principle h2 {
  color:#fff;
  font-size:26px;
  margin:0 0 14px;
  font-weight:800;
}
.psk-home .psk-principle p {
  font-size:17.5px;
  color:#d7f2f7;
  max-width:720px;
  margin:0 auto;
}
.psk-home .psk-principle b {
  color:#fff;
}
.psk-home .psk-ebook {
  background:linear-gradient(160deg,#13849a,#29a7bd);
  color:#fff;
}
.psk-home .psk-ebook .psk-wrap {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:40px;
  align-items:center;
  padding:56px 20px;
}
.psk-home .psk-ebook img {
  width:190px;
  border-radius:8px;
  box-shadow:0 18px 44px rgba(0,0,0,.32);
  transform:rotate(-2deg);
}
.psk-home .psk-ebook h2 {
  color:#fff;
  font-size:28px;
  margin:0 0 12px;
  text-align:left;
  font-weight:800;
}
.psk-home .psk-ebook p {
  color:#eafbff;
  font-size:17px;
  margin:0 0 22px;
  max-width:520px;
}
.psk-home .psk-chan {
  text-align:center;
}
.psk-home .psk-chan .psk-links {
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:26px;
}
.psk-home .psk-chan .psk-links a {
  background:#fff;
  border:1px solid #e2edf0;
  border-radius:12px;
  padding:16px 26px;
  font-weight:800;
  color:var(--teal-d);
  min-width:150px;
  display:block;
  transition:transform .12s ease;
}
.psk-home .psk-chan .psk-links a:hover {
  transform:translateY(-2px);
}
.psk-home .psk-chan .psk-links small {
  display:block;
  color:var(--muted);
  font-weight:400;
  font-size:13px;
  margin-top:2px;
}

@media (max-width: 720px) {
  .psk-home .psk-hero h1 {
    font-size:32px;
  }
  .psk-home .psk-legs {
    grid-template-columns:1fr;
  }
  .psk-home .psk-about {
    grid-template-columns:1fr;
    text-align:center;
    justify-items:center;
  }
  .psk-home .psk-about h2 {
    text-align:center;
  }
  .psk-home .psk-pillars {
    grid-template-columns:1fr;
  }
  .psk-home .psk-ebook .psk-wrap {
    grid-template-columns:1fr;
    text-align:center;
  }
  .psk-home .psk-ebook h2 {
    text-align:center;
  }
  .psk-home .psk-ebook p {
    margin-left:auto;
    margin-right:auto;
  }
  .psk-home .psk-ebook img {
    margin:0 auto;
  }
}