/* Design 5 of 6 — "Soft Cards" (scoped to body.style5) */
body.style5{--paper:#f1f6ff;--card:#fff;--ink:#0d1b3e;--ink-2:#22345c;--line:#e2ebfa;--line-2:#cfdcf2;--muted:#5c6b8a;
  --grad:linear-gradient(120deg,#2563eb,#06b6d4);--grad-2:linear-gradient(120deg,#a855f7,#ec4899);--grad-3:linear-gradient(120deg,#10b981,#22d3ee);
  --blue:#2563eb;--blue-d:#0d1b3e;--blue-l:#60a5fa;--crimson:#e11d48;--violet:#7c3aed;--indigo:#2563eb;--cyan:#06b6d4;
  --pink:#ec4899;--sky:#eef5ff;--sky2:#f8fbff;--green:#10b981;--gold:#f59e0b;--radius:18px;--radius-lg:26px;background:#f1f6ff}
body.style5 .topbar{background:#0d1b3e}
body.style5 .ticker{background:#e6f0ff;color:#1e3a8a;border-bottom:1px solid #cfe0ff}
body.style5 .tk-tag{background:#2563eb;color:#fff;border-radius:999px}
body.style5 .foot{background:#0d1b3e}

.v5{padding:22px 0 46px}
.v5-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;background:linear-gradient(120deg,#e9f1ff,#eef8ff 55%,#e9fbf7);
  border:1px solid #dbe9ff;border-radius:30px;padding:34px 34px 32px;box-shadow:0 18px 40px rgba(37,99,235,.08)}
.v5-kick{display:inline-block;background:#fff;border:1px solid #d6e6ff;color:#2563eb;font-size:.7rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;padding:5px 12px;border-radius:999px}
.v5-hero h1{margin:12px 0 8px;font-size:clamp(1.8rem,4vw,2.6rem);color:#0d1b3e;letter-spacing:-.03em}
.v5-hero p{margin:0;color:#3f5273;font-size:1rem;max-width:52ch}
.v5-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.v5-btn{background:linear-gradient(120deg,#2563eb,#06b6d4);color:#fff;border-radius:999px;padding:13px 22px;font-weight:700;font-size:.9rem;
  box-shadow:0 12px 26px rgba(37,99,235,.28)}
.v5-btn:hover{color:#fff;text-decoration:none;filter:brightness(1.06)}
.v5-btn.ghost{background:#fff;color:#1746a2;border:1px solid #cfe0ff;box-shadow:none}
.v5-btn.ghost:hover{background:#f4f9ff;color:#1746a2}
.v5-btn.red{background:linear-gradient(120deg,#e11d48,#fb7185);padding:13px 20px}
.v5-ring{width:170px;height:170px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#2563eb,#06b6d4,#a855f7,#2563eb);box-shadow:0 20px 40px rgba(37,99,235,.24)}
.v5-ring>div{width:132px;height:132px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;text-align:center}
.v5-ring b{font-size:2rem;line-height:1;color:#0d1b3e}
.v5-ring span{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:#5c6b8a;margin-top:4px}
.v5-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:34px 0 14px;font-size:1.15rem;color:#0d1b3e}
.v5-h a{font-size:.76rem;font-weight:600;color:#2563eb;background:#fff;border:1px solid #dbe9ff;border-radius:999px;padding:5px 13px}
.v5-h a:hover{background:#2563eb;color:#fff;text-decoration:none}
.v5-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v5-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e4eefc;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:8px;
  color:#0d1b3e;box-shadow:0 10px 26px rgba(37,99,235,.07);transition:transform .22s,box-shadow .22s}
.v5-card::after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;opacity:.22;
  background:radial-gradient(circle,var(--t,#2563eb),transparent 70%)}
.v5-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(37,99,235,.16);text-decoration:none;color:#0d1b3e}
.v5-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;background:var(--t,#2563eb);color:#fff;
  box-shadow:0 10px 20px rgba(37,99,235,.22)}
.v5-card b{font-size:1rem;line-height:1.3}
.v5-card small{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t,#2563eb);margin-top:auto}
.v5-card.t1{--t:#2563eb}.v5-card.t2{--t:#7c3aed}.v5-card.t3{--t:#0891b2}
.v5-card.t4{--t:#e11d48}.v5-card.t5{--t:#059669}.v5-card.t6{--t:#f59e0b}
.v5-news{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v5-post{background:#fff;border:1px solid #e4eefc;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:8px;color:#0d1b3e;
  box-shadow:0 10px 26px rgba(37,99,235,.07);transition:transform .2s,box-shadow .2s}
.v5-post:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(37,99,235,.14);text-decoration:none;color:#1d4ed8}
.v5-date{align-self:flex-start;background:#eef5ff;color:#2563eb;font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:999px}
.v5-post b{font-size:1.02rem;line-height:1.35}
.v5-tx{font-size:.85rem;color:#5c6b8a;line-height:1.5}
.v5-split{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}
.v5-hl{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v5-hl a{background:#fff;border:1px solid #e4eefc;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;color:#0d1b3e}
.v5-hl a:hover{border-color:#bfd6ff;background:#f8fbff;text-decoration:none}
.v5-hl b{color:#2563eb;font-size:.98rem;letter-spacing:.01em}
.v5-hl span{font-size:.76rem;color:#5c6b8a}
.v5-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #e4eefc;border-radius:20px;padding:6px 18px}
.v5-list li{border-bottom:1px dashed #e4eefc;padding:11px 0}
.v5-list li:last-child{border:0}
.v5-list a{color:#22345c;font-size:.9rem;line-height:1.45}
.v5-list a:hover{color:#2563eb}
.v5-stn{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v5-stn a{background:#fff;border:1px solid #e4eefc;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;color:#0d1b3e;font-size:.9rem;font-weight:600}
.v5-stn a small{font-weight:500;color:#2563eb;font-size:.78rem}
.v5-stn a:hover{background:#2563eb;color:#fff;text-decoration:none;border-color:#2563eb}
.v5-stn a:hover small{color:#dbeafe}
@media (max-width:1000px){
  .v5-svc,.v5-news{grid-template-columns:1fr 1fr}
  .v5-stn{grid-template-columns:repeat(3,1fr)}
  .v5-split{grid-template-columns:1fr}
}
@media (max-width:640px){
  .v5-hero{flex-direction:column;align-items:flex-start;padding:22px;border-radius:24px}
  .v5-ring{width:132px;height:132px;align-self:center;order:-1}
  .v5-ring>div{width:104px;height:104px}
  .v5-ring b{font-size:1.6rem}
  .v5-btn{flex:1;text-align:center;padding:12px 14px}
  .v5-svc,.v5-news,.v5-stn{grid-template-columns:1fr}
  .v5-hl{grid-template-columns:1fr}
}