.ccd-form{max-width:680px}.ccd-input{width:100%;padding:10px;box-sizing:border-box}.ccd-form button{padding:10px 18px;cursor:pointer}.ccd-success{padding:12px;background:#e7f7ed;margin:12px 0}.ccd-error{padding:12px;background:#fdeaea;margin:12px 0}.ccd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.ccd-card{border:1px solid #ddd;padding:16px;border-radius:8px}.ccd-card img{max-width:100%;height:auto}.ccd-badge{display:inline-block;padding:4px 8px;background:#f4c542;color:#111;border-radius:4px;font-size:12px;margin:4px 0}.ccd-details{padding:15px;border:1px solid #ddd;margin-bottom:20px}
.ccd-hero{padding:48px 28px;margin:0 0 28px;border-radius:18px;background:linear-gradient(135deg,#171717,#3a3a3a);color:#fff}.ccd-hero h1{font-size:clamp(30px,5vw,54px);margin:8px 0}.ccd-hero p{max-width:620px;opacity:.85}.ccd-kicker{font-size:12px;letter-spacing:2px}.ccd-search{display:flex;gap:8px;max-width:620px;margin-top:20px}.ccd-search input{flex:1;padding:13px;border-radius:8px;border:0}.ccd-search button{padding:13px 20px;border:0;border-radius:8px;cursor:pointer}.ccd-card{position:relative;overflow:hidden;background:#fff}.ccd-premium{border:2px solid #d4af37;background:linear-gradient(#fffdf4,#fff)}.ccd-premium:before{content:"PREMIUM";position:absolute;top:10px;right:10px;background:#d4af37;color:#111;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.ccd-card h3{margin-top:12px}