:root{--ccon-bg-dark:#0b2436;--ccon-card-bg:#f4f6f8;--ccon-primary:#0f2a44;--ccon-text-muted:#4b5563;--ccon-radius:20px}*{box-sizing:border-box;margin:0;padding:0}body.ccon-body{background:radial-gradient(circle at top,#143b57,var(--ccon-bg-dark));font-family:Montserrat,sans-serif;min-height:100vh;padding:1.5rem}.ccon-card,body.ccon-body{align-items:center;display:flex;justify-content:center}.ccon-card{background:var(--ccon-card-bg);border-radius:var(--ccon-radius);box-shadow:0 20px 40px rgba(0,0,0,.2);flex-direction:column;margin:25px auto;max-width:360px;min-height:475px;padding:2rem 1.75rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease;width:100%}.ccon-icon{height:72px;margin:0 auto 1.5rem;width:72px}.ccon-icon svg{height:100%;stroke:var(--ccon-primary);width:100%}.ccon-title{color:var(--ccon-primary);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;line-height:1.3;margin-bottom:1rem}.ccon-text{color:var(--ccon-text-muted);font-size:clamp(.95rem,2.5vw,1rem);line-height:1.6}.ccon-card:hover{box-shadow:0 25px 50px rgba(0,0,0,.25);transform:scale(1.04)}@media (min-width:768px){.ccon-card{padding:2.5rem 2rem}}