.cg-section{font-family:'DM Sans',sans-serif;padding:100px 0;background:#ffffff;position:relative;overflow:hidden}
.cg-wrap{max-width:1240px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.cg-header{text-align:center;margin-bottom:64px}
.cg-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(33,176,243,.10);border:1px solid rgba(33,176,243,.25);border-radius:999px;padding:6px 18px;font-size:10.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#21B0F3;margin-bottom:20px}
.cg-kicker-dot{width:6px;height:6px;background:#21B0F3;border-radius:50%}
.cg-heading{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,5.5vw,56px);letter-spacing:1.5px;line-height:1.05;color:#0d1e32;margin:0 auto 20px;max-width:800px}
.cg-sub{font-size:17px;line-height:1.7;color:#6b7a8d;max-width:800px;margin:0 auto;font-weight:300}
.cg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1040px;margin:0 auto}
@media(max-width:768px){.cg-grid{grid-template-columns:1fr;gap:20px}}
.cg-card{position:relative;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;display:flex;align-items:flex-end;min-height:340px;padding:32px;aspect-ratio:4/3;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);transform:translateY(0)}
.cg-card:hover{transform:translateY(-8px);box-shadow:0 32px 64px rgba(13,30,50,.18)}
.cg-card-bg{position:absolute;inset:0;z-index:0}
.cg-card-bg img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.cg-card:hover .cg-card-bg img{transform:scale(1.1)}
.cg-card-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(13,30,50,.05) 0%,rgba(13,30,50,.15) 30%,rgba(13,30,50,.75) 65%,rgba(13,30,50,.92) 100%);transition:opacity .4s}
.cg-card:hover .cg-card-overlay{background:linear-gradient(180deg,var(--cg-accent,.21B0F3) 0%,color-mix(in srgb,var(--cg-accent,#21B0F3) 85%,#000) 100%);opacity:.92}
.cg-card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;width:100%;transform:translateY(0);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.cg-card:hover .cg-card-content{transform:translateY(-6px)}
.cg-card-tag{display:inline-flex;align-items:center;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.9);width:fit-content;margin-bottom:4px}
.cg-card-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(26px,3.5vw,34px);letter-spacing:1.5px;line-height:1;color:#fff;margin:0}
.cg-card-desc{font-size:14px;line-height:1.6;color:rgba(255,255,255,.75);margin:0;max-width:90%;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cg-card-arrow{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);margin-top:6px;opacity:0;transform:translateX(-10px) scale(.8);transition:all .45s cubic-bezier(.16,1,.3,1)}
.cg-card:hover .cg-card-arrow{opacity:1;transform:translateX(0) scale(1)}
.cg-card-arrow svg{width:18px;height:18px}
