/* Fancy shared styles */
.mcp-container{max-width:1100px;margin:20px auto;padding:10px}
.mcp-title{font-size:28px;margin-bottom:16px}
.mcp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.mcp-card{background:linear-gradient(135deg,#f9f9ff,#ffffff);border-radius:16px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:.3s}
.mcp-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.12)}
.mcp-card-label{font-size:13px;color:#6b7280;margin-bottom:6px}
.mcp-card-value{font-size:28px;font-weight:700}

.mcp-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:22px 0}

.mcp-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 24px}
.mcp-button{display:inline-block;background:#2563eb;color:#fff;text-decoration:none;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;box-shadow:0 4px 14px rgba(37,99,235,.25);transition:.25s}
.mcp-button:hover{background:#1d4ed8;transform:translateY(-2px)}

.mcp-form-block{background:#fff;border-radius:16px;padding:16px;margin:18px 0;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.mcp-field{display:flex;flex-direction:column;margin-bottom:10px}
.mcp-field label{font-size:13px;color:#374151;margin-bottom:6px}
.mcp-field input,.mcp-field select,.mcp-field textarea{border:1px solid #e5e7eb;border-radius:10px;padding:10px}

.mcp-table-wrap{overflow:auto}
.mcp-table{width:100%;border-collapse:separate;border-spacing:0 8px}
.mcp-table thead th{font-size:12px;color:#6b7280;text-align:left;padding:10px}
.mcp-table tbody tr{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.05)}
.mcp-table tbody td{padding:10px}

.mcp-frontend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:16px 0}
.mcp-frontend-card{background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.06);padding:12px}
.mcp-item-title{font-size:16px;margin:8px 0 10px}
.mcp-embed{position:relative;width:100%}
.mcp-embed-16by9{padding-top:56.25%}
.mcp-embed-16by9 iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.mcp-gate{background:#fff3cd;border:1px solid #ffeeba;border-radius:12px;padding:14px}

.mcp-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:24px 0}
.mcp-pricing-card{background:linear-gradient(135deg,#f9f9f9,#fff);border-radius:12px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,0.1);text-align:center;position:relative;transition:.3s}
.mcp-pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}
.mcp-pricing-card.premium{background:linear-gradient(135deg,#ffcc70,#ff8c00);color:#fff}
.mcp-badge{position:absolute;top:10px;right:10px;background:crimson;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px}
.mcp-price{font-size:1.5em;margin:15px 0}
.mcp-notice{position:fixed;bottom:20px;right:20px;background:#16a34a;color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.2)}