.cp-callout{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;border-radius:14px;border:1px solid #e6e8ee;border-left:4px solid #f5a623;background:linear-gradient(135deg,rgba(98,33,255,.1),rgba(245,166,35,.08))}.dark .cp-callout{border-color:hsla(0,0%,100%,.09);background:linear-gradient(135deg,rgba(156,123,255,.14),rgba(245,166,35,.1))}.cp-ico{width:46px;height:46px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:rgba(245,166,35,.18)}.cp-tx{flex:1;min-width:0}.cp-tx p{margin:0;font-size:14px;font-weight:600;color:#0f172a;line-height:1.45}.dark .cp-tx p{color:#e8edf5}.cp-btn{flex:none;border:none;cursor:pointer;color:#fff;font-weight:800;font-size:13px;border-radius:10px;padding:12px 20px;background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 8px 20px rgba(22,163,74,.35);transition:filter .15s,transform .15s}.cp-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}@media (max-width:600px){.cp-callout{flex-direction:column;align-items:flex-start}.cp-btn{width:100%}}.cpd-card{position:relative;width:100%;max-width:560px;padding:28px 26px 26px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e6e8ee;box-shadow:0 24px 60px rgba(15,23,42,.25)}.dark .cpd-card{background:#141a2b;border-color:hsla(0,0%,100%,.1);box-shadow:0 24px 60px rgba(0,0,0,.55)}.cpd-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6221ff,#9c7bff,#f5a623)}.cpd-close{position:absolute;top:14px;right:14px;border:none;background:transparent;cursor:pointer;padding:4px;color:#94a3b8;transition:color .15s}.cpd-close:hover{color:#0f172a}.dark .cpd-close:hover{color:#e8edf5}.cpd-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding-right:36px}.cpd-ico{width:46px;height:46px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:rgba(245,166,35,.18)}.cpd-title{margin:0;font-size:19px;font-weight:800;line-height:1.35;color:#0f172a}.dark .cpd-title{color:#e8edf5}.cpd-cta{display:block;width:100%;border:none;cursor:pointer;color:#fff;font-weight:800;font-size:15px;border-radius:12px;padding:14px 20px;background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 8px 20px rgba(22,163,74,.35);transition:filter .15s,transform .15s}.cpd-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}