.cp-page{background:#fff;max-width:1400px;min-height:100vh;margin-top:75px;margin-left:auto;margin-right:auto;padding:40px 5%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cp-header{text-align:center;margin-bottom:40px}.cp-header h1{color:#111;letter-spacing:-.5px;margin-bottom:10px;font-size:42px;font-weight:700}.cp-header p{color:#666;font-size:16px}.cp-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.cp-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 2px 10px #00000005}.cp-card:hover{border-color:#dc2626;transform:translateY(-5px);box-shadow:0 15px 30px #dc262614}.cp-img-box{background:#fafafa;height:200px;position:relative;overflow:hidden}.cp-img-box img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.cp-card:hover .cp-img-box img{transform:scale(1.05)}.cp-status{z-index:2;background:#fff;border:1px solid #f0f0f0;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:500;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000005}.cp-open{color:#16a34a;background:#f0fdf4;border-color:#86efac}.cp-closed{color:#dc2626;background:#fef2f2;border-color:#fecaca}.cp-content{padding:20px}.cp-title{color:#111;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:20px;font-weight:700;display:flex}.cp-badge{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:30px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.cp-desc{color:#666;border-bottom:1px solid #f0f0f0;margin:0 0 16px;padding-bottom:12px;font-size:14px;line-height:1.5}.cp-info{color:#444;background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:12px 14px;font-size:14px;display:flex}.cp-info:last-of-type{margin-bottom:20px}.cp-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:14px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.cp-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 8px 20px #dc262633}@media (max-width:1024px){.cp-grid{grid-template-columns:repeat(2,1fr);gap:25px}.cp-header h1{font-size:36px}}@media (max-width:768px){.cp-page{padding:30px 20px}.cp-header h1{font-size:32px}.cp-header p{font-size:15px}.cp-grid{grid-template-columns:1fr;gap:20px}.cp-img-box{height:180px}.cp-title{font-size:18px}}@media (max-width:480px){.cp-header h1{font-size:28px}.cp-content{padding:16px}.cp-title{flex-direction:column;align-items:flex-start}.cp-badge{margin-left:0}.cp-info{padding:10px 12px;font-size:13px}.cp-btn{padding:12px;font-size:14px}}