:root{--cs-bg:#f5f7fa;--cs-card-bg:#fff;--cs-text:#0f172a;--cs-muted:#5b6473;--cs-badge-bg:#1e2551;--cs-shadow:0 10px 30px #14182814;--cs-shadow-hover:0 14px 40px #1418281f;--cs-radius-lg:24px;--cs-radius-md:16px}.cs-page{background:var(--cs-bg);padding:64px 16px 96px}.cs-container{max-width:1200px;margin:6% auto 0}.cs-header{text-align:left;margin-bottom:55px}.cs-header h1{color:var(--cs-text);margin:0 0 15px;font-size:clamp(28px,3.5vw,40px);line-height:1.2}.cs-sub{color:#6b7280;max-width:720px;font-size:16px}.cs-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (max-width:1100px){.cs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.cs-grid{grid-template-columns:1fr}}.cs-card{background:var(--cs-card-bg);border-radius:var(--cs-radius-lg);box-shadow:var(--cs-shadow);flex-direction:column;padding:28px;transition:box-shadow .3s,transform .3s;display:flex;position:relative}.cs-card:hover{box-shadow:var(--cs-shadow-hover);transform:translateY(-2px)}.cs-badge{background:var(--cs-badge-bg);color:#fff;letter-spacing:.5px;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:18px;font-weight:700;display:grid;box-shadow:0 6px 18px #1e255138}.cs-title{color:var(--cs-text);margin:0 0 10px;font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.25}.cs-excerpt{color:var(--cs-muted);margin:0 0 18px;font-size:16px;line-height:1.6}.cs-media{border-radius:var(--cs-radius-md);background:#f1f2f6;margin-top:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.cs-media img{border-radius:var(--cs-radius-md);width:100%;height:auto;display:block;transform:translateZ(0)}.cs-actions{margin-top:14px}.cs-link{color:#111827;border-bottom:1px solid #11182733;padding-bottom:2px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.cs-link:hover{color:#0f172a;border-color:#0f172a}@media screen and (max-width:768px){.cs-page{background:var(--cs-bg);padding:20px 16px 96px}}