.cip-wrap{max-width:960px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a2233}
.cip-wrap-narrow{max-width:440px}
.cip-card{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:26px;box-shadow:0 4px 24px rgba(16,24,40,.05);margin-bottom:22px}
.cip-title{margin:0 0 4px;font-size:24px;font-weight:800;color:#0b1120}
.cip-sub{margin:0 0 18px;color:#6b7280;font-size:14px}
.cip-muted{color:#8a94a6;font-size:14px}
.cip-green{color:#16a34a}

/* alerts */
.cip-alert{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}
.cip-alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.cip-alert-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}

/* form */
.cip-form .cip-field{margin-bottom:16px}
.cip-field label{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:#374151}
.cip-field input,.cip-field select,.cip-field textarea{width:100%;padding:12px 14px;border:1px solid #d7dbe3;border-radius:10px;font-size:15px;box-sizing:border-box;background:#fff}
.cip-field input:focus,.cip-field select:focus,.cip-field textarea:focus{outline:none;border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,.15)}
.cip-amount{position:relative;display:flex;align-items:center}
.cip-amount span{position:absolute;left:14px;color:#6b7280;font-weight:600}
.cip-amount input{padding-left:30px}
.cip-hint{color:#8a94a6;font-size:12px;margin-top:6px;display:block}
.cip-note{font-size:13px;color:#6b7280;margin-top:14px}
.cip-note a{color:#635bff;font-weight:600;text-decoration:none}

/* buttons */
.cip-btn{display:inline-block;background:#635bff;color:#fff;border:none;padding:13px 22px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;transition:.15s}
.cip-btn:hover{background:#4b45d6;color:#fff}
.cip-btn-block{width:100%}
.cip-btn-small{padding:9px 16px;font-size:13px}
.cip-btn-ghost{background:transparent;color:#635bff;border:1px solid #d7dbe3}
.cip-btn-ghost:hover{background:#f5f5ff;color:#4b45d6}

/* packages */
.cip-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}
.cip-pkg{cursor:pointer}
.cip-pkg input{position:absolute;opacity:0}
.cip-pkg-inner{display:flex;flex-direction:column;gap:4px;border:2px solid #e7eaf0;border-radius:14px;padding:16px;transition:.15s;height:100%}
.cip-pkg input:checked+.cip-pkg-inner{border-color:#635bff;background:#f6f5ff;box-shadow:0 0 0 3px rgba(99,91,255,.12)}
.cip-pkg-name{font-weight:800;font-size:16px;color:#0b1120}
.cip-pkg-roi{font-size:22px;font-weight:800;color:#635bff}
.cip-pkg-roi small{font-size:12px;color:#8a94a6;font-weight:500}
.cip-pkg-range{font-size:13px;color:#4b5563;font-weight:600}
.cip-pkg-desc{font-size:12px;color:#8a94a6}
.cip-pkg-dur{font-size:11px;color:#8a94a6;text-transform:uppercase;letter-spacing:.03em}

/* dashboard */
.cip-dash-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:6px}
.cip-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.cip-stat-card{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px}
.cip-stat-primary{background:linear-gradient(135deg,#635bff,#8b5cf6);border:none;color:#fff}
.cip-stat-label{font-size:13px;opacity:.85;font-weight:600}
.cip-stat-value{font-size:28px;font-weight:800}
.cip-stat-primary .cip-stat-label{color:#e9e7ff}

.cip-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cip-cols .cip-card{margin-bottom:0}
.cip-cols+.cip-cols{margin-top:22px}

/* payment box */
.cip-pay-card h3,.cip-cols h3{margin-top:0;font-size:18px;color:#0b1120}
.cip-pay-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.cip-pay-box{background:#f8f9fc;border:1px solid #eef0f5;border-radius:12px;padding:16px}
.cip-pay-box h4{margin:0 0 8px;font-size:14px;color:#374151}
.cip-pay-box pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#1a2233}
.cip-await-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;border-top:1px solid #eef0f5}
.cip-await-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cip-receipt-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cip-receipt-msg,.cip-withdraw-msg{font-size:13px}

/* tables */
.cip-table{width:100%;border-collapse:collapse;font-size:14px}
.cip-table th{text-align:left;padding:10px;color:#8a94a6;font-size:12px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #eef0f5}
.cip-table td{padding:12px 10px;border-bottom:1px solid #f2f4f8}

/* tags */
.cip-tag{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700;text-transform:capitalize}
.cip-tag-pending,.cip-tag-processing{background:#fef3c7;color:#b45309}
.cip-tag-await{background:#f1f5f9;color:#475569}
.cip-tag-completed,.cip-tag-active{background:#dcfce7;color:#15803d}
.cip-tag-rejected{background:#fee2e2;color:#b91c1c}

/* activity */
.cip-activity{list-style:none;margin:0;padding:0}
.cip-activity li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f2f4f8;font-size:14px}
.cip-act-type{font-weight:700;font-size:12px;padding:2px 8px;border-radius:8px;background:#f1f5f9;color:#475569}
.cip-act-deposit{background:#dcfce7;color:#15803d}
.cip-act-withdrawal{background:#fee2e2;color:#b91c1c}
.cip-act-amt{font-weight:700}
.cip-act-date{margin-left:auto;color:#8a94a6;font-size:12px}

.cip-guest{text-align:center}

@media(max-width:720px){
	.cip-stats,.cip-cols,.cip-pay-details{grid-template-columns:1fr}
}

/* ===== v1.1 additions ===== */
.cip-head-actions{display:flex;align-items:center;gap:10px}
.cip-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cip-card-head h3{margin:0}

/* notifications bell */
.cip-bell-wrap{position:relative}
.cip-bell{position:relative;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;width:42px;height:42px;font-size:18px;cursor:pointer;line-height:1}
.cip-bell:hover{background:#e9edf5}
.cip-bell-count{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.cip-bell-panel{position:absolute;right:0;top:52px;width:320px;max-width:88vw;background:#fff;border:1px solid #e6e8ee;border-radius:12px;box-shadow:0 12px 40px rgba(16,24,40,.16);z-index:50;overflow:hidden}
.cip-bell-head{padding:12px 16px;font-weight:700;border-bottom:1px solid #f0f2f6;color:#0b1120}
.cip-bell-empty{padding:20px 16px;color:#8a94a6;font-size:14px;text-align:center}
.cip-bell-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}
.cip-noti{padding:12px 16px;border-bottom:1px solid #f4f6f9;display:flex;flex-direction:column;gap:3px;border-left:3px solid transparent}
.cip-noti-msg{font-size:14px;color:#1f2937;line-height:1.4}
.cip-noti-date{font-size:11px;color:#9aa3b2}
.cip-noti-success{border-left-color:#16a34a}
.cip-noti-error{border-left-color:#dc2626}
.cip-noti-info{border-left-color:#635bff}
.cip-noti-unread{background:#f6f5ff}

/* KYC card */
.cip-kyc-card{border:1px solid #f0d9a8;background:#fffdf7}
.cip-kyc-pending{border-color:#bcd6f7;background:#f7fbff}
.cip-kyc-form{margin-top:12px}
.cip-kyc-msg{display:inline-block;margin-left:10px;font-size:13px;font-weight:600}

/* referral card */
.cip-referral-card{margin-top:18px;background:linear-gradient(135deg,#0b1120,#1e293b);color:#fff;border:none}
.cip-referral-card h3{color:#fff}
.cip-referral-card .cip-muted{color:#c7cfdb}
.cip-ref-stats{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}
.cip-ref-stat{background:rgba(255,255,255,.08);border-radius:12px;padding:14px 18px;flex:1;min-width:110px;text-align:center}
.cip-ref-num{display:block;font-size:20px;font-weight:800}
.cip-ref-lbl{display:block;font-size:12px;color:#aab4c4;margin-top:4px}
.cip-ref-linkbox{display:flex;gap:8px}
.cip-ref-linkbox input{flex:1;padding:12px 14px;border-radius:10px;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:13px}
.cip-ref-linkbox input:focus{outline:2px solid #635bff}

.cip-alert-error{background:#fee2e2;color:#b91c1c;padding:10px 14px;border-radius:10px;font-size:14px;margin:10px 0}
.cip-act-referral{background:#ede9fe;color:#6d28d9}

/* ===== v1.2 additions ===== */
.cip-fee-summary{background:#f6f7fb;border-radius:10px;padding:12px 14px;margin:6px 0 12px}
.cip-fee-summary div{display:flex;justify-content:space-between;padding:3px 0;font-size:14px;color:#475467}
.cip-fee-summary strong{color:#0b1120}
.cip-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#475467;margin-bottom:12px;line-height:1.4;cursor:pointer}
.cip-check input{margin-top:2px}
.cip-reinvest-card{margin-top:18px;border:1px solid #d7d3ff;background:#faf9ff}
.cip-reinvest-card h3{color:#4b3fce}
.cip-act-adjustment_credit{background:#dcfce7;color:#166534}
.cip-act-adjustment_debit{background:#fee2e2;color:#991b1b}
.cip-act-reinvestment{background:#ede9fe;color:#5b21b6}
.cip-act-withdrawal{background:#fef3c7;color:#92400e}

/* ============================================================
   v1.3.2 — DARK THEME (investor portal) — overrides above
   ============================================================ */
.cip-wrap{color:#e6edf3}
.cip-title,.cip-pkg-name{color:#fff}
.cip-sub,.cip-note,.cip-muted,.cip-hint{color:#8b98a9}
.cip-card{background:#161b22;border:1px solid #2a3140;box-shadow:0 4px 24px rgba(0,0,0,.35);color:#e6edf3}

/* alerts */
.cip-alert-error{background:rgba(255,92,108,.12);color:#ff8b95;border:1px solid rgba(255,92,108,.4)}
.cip-alert-info{background:rgba(124,108,255,.12);color:#b9b0ff;border:1px solid rgba(124,108,255,.4)}
.cip-alert-ok{background:rgba(40,199,111,.12);color:#5fe0a0;border:1px solid rgba(40,199,111,.4)}

/* forms */
.cip-field label{color:#c3ccd8}
.cip-field input,.cip-field select,.cip-field textarea{background:#0d1117;border:1px solid #2a3140;color:#e6edf3}
.cip-field input::placeholder,.cip-field textarea::placeholder{color:#5b6675}
.cip-field input:focus,.cip-field select:focus,.cip-field textarea:focus{border-color:#7c6cff;box-shadow:0 0 0 3px rgba(124,108,255,.2)}
.cip-amount span{color:#8b98a9}

/* buttons */
.cip-btn{background:#7c6cff}
.cip-btn:hover{background:#6a5aff}
.cip-btn-ghost{background:transparent;color:#c3ccd8;border:1px solid #2a3140}
.cip-btn-ghost:hover{background:#1c2230;color:#fff}

/* packages */
.cip-pkg-inner{border:2px solid #2a3140;background:#131923}
.cip-pkg input:checked+.cip-pkg-inner{border-color:#7c6cff;background:#1a1836;box-shadow:0 0 0 3px rgba(124,108,255,.18)}
.cip-pkg-roi{color:#9d90ff}
.cip-pkg-roi small,.cip-pkg-desc,.cip-pkg-dur{color:#8b98a9}
.cip-pkg-range{color:#c3ccd8}

/* stats */
.cip-stat-card{background:#161b22;border:1px solid #2a3140;color:#e6edf3}
.cip-stat-primary{background:linear-gradient(135deg,#7c6cff,#a855f7);border:none;color:#fff}
.cip-stat-label{color:#8b98a9}
.cip-stat-primary .cip-stat-label{color:#e9e7ff}

/* payment + tables */
.cip-pay-card h3,.cip-cols h3{color:#fff}
.cip-pay-box{background:#0d1117;border:1px solid #2a3140}
.cip-pay-box h4{color:#c3ccd8}
.cip-pay-box pre{color:#e6edf3}
.cip-await-row{border-top:1px solid #2a3140}
.cip-table th{color:#8b98a9;border-bottom:1px solid #2a3140}
.cip-table td{border-bottom:1px solid #232a36}

/* tags */
.cip-tag-await{background:#232a36;color:#c3ccd8}
.cip-tag-optional{background:#232a36;color:#9d90ff}
.cip-tag-ok,.cip-tag-completed,.cip-tag-active{background:rgba(40,199,111,.18);color:#5fe0a0}
.cip-tag-pending,.cip-tag-processing{background:rgba(255,181,71,.18);color:#ffcf87}
.cip-tag-rejected{background:rgba(255,92,108,.18);color:#ff8b95}

/* activity */
.cip-activity li{border-bottom:1px solid #232a36}
.cip-act-type{background:#232a36;color:#c3ccd8}
.cip-act-deposit{background:rgba(40,199,111,.18);color:#5fe0a0}
.cip-act-date{color:#8b98a9}

/* bell */
.cip-bell{background:#1c2230;border:1px solid #2a3140;color:#e6edf3}
.cip-bell:hover{background:#232a36}
.cip-bell-panel{background:#161b22;border:1px solid #2a3140;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.cip-bell-head{color:#fff;border-bottom:1px solid #2a3140}
.cip-bell-empty{color:#8b98a9}
.cip-noti{border-bottom:1px solid #232a36}
.cip-noti-msg{color:#dbe2ea}
.cip-noti-date{color:#6b7686}
.cip-noti-unread{background:#1a1836}

/* KYC card */
.cip-kyc-card{border:1px solid #4a3f1e;background:#1a1710}
.cip-kyc-pending{border-color:#1e3a5f;background:#0f1722}

/* reinvest + fee */
.cip-reinvest-card{border:1px solid #322d6b;background:#15132a}
.cip-reinvest-card h3{color:#b9b0ff}
.cip-fee-summary{background:#0d1117;border:1px solid #2a3140}
.cip-fee-summary div{color:#c3ccd8}
.cip-fee-summary strong{color:#fff}
.cip-check{color:#c3ccd8}

/* verify-email OTP */
.cip-verify-card{text-align:center}
.cip-otp-input{text-align:center;letter-spacing:12px;font-size:26px;font-weight:800;font-family:ui-monospace,Menlo,monospace}
.cip-resend-form{margin-top:10px}
.cip-green-warn{color:#ffcf87}
.cip-tag-optional{background:#232a36;color:#9d90ff}

/* ============================================================
   v1.3.4 — Register / Invest page: proper DESKTOP layout
   (breaks out of narrow theme containers; mobile stays 1-col)
   ============================================================ */
.cip-invest-grid{display:block}
@media(min-width:1000px){
	.cip-invest-page{
		width:min(1140px,94vw);
		max-width:none;
		position:relative;
		left:50%;
		transform:translateX(-50%);
		box-sizing:border-box;
	}
	.cip-invest-page .cip-card{padding:34px 38px}
	.cip-invest-grid{
		display:grid;
		grid-template-columns:1.3fr 1fr;
		gap:34px;
		align-items:start;
	}
	.cip-invest-page .cip-packages{grid-template-columns:1fr 1fr;margin-bottom:0}
	.cip-invest-plans{min-width:0}
	.cip-invest-account{
		min-width:0;
		background:#0d1117;
		border:1px solid #2a3140;
		border-radius:14px;
		padding:22px 20px;
		position:sticky;
		top:20px;
	}
	.cip-invest-account .cip-field:first-child{margin-top:0}
}
/* extra breathing room on very wide screens */
@media(min-width:1400px){
	.cip-invest-page{width:min(1240px,88vw)}
	.cip-invest-page .cip-packages{grid-template-columns:1fr 1fr 1fr 1fr}
}

/* stat sub-labels (v1.3.6) */
.cip-stat-sub{display:block;font-size:11px;color:#8b98a9;margin-top:4px}
.cip-stat-primary .cip-stat-sub{color:#e9e7ff}

/* ============================================================
   v1.4.1 — dropdown option visibility + amount $ overlap fix
   ============================================================ */
.cip-field select option,.cip-field select optgroup{background:#161b22;color:#e6edf3}
.cip-amount{position:relative}
.cip-amount span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#8b98a9;font-weight:600;pointer-events:none;z-index:2}
.cip-amount input{padding-left:34px}

/* v1.4.2 — withdrawal fee-payment alert (red) */
.cip-fee-alert{border:1px solid rgba(255,92,108,.5)!important;background:linear-gradient(180deg,rgba(255,92,108,.10),rgba(255,92,108,.04))!important}
.cip-fee-alert h3{color:#ff8b95}
.cip-fee-alert-msg{color:#ffd7db;font-size:15px;margin:6px 0 10px}
.cip-fee-alert-note{color:#e6b0b5;font-style:italic;margin-bottom:10px;padding:8px 12px;background:rgba(255,92,108,.08);border-radius:8px}
.cip-fee-receipt-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cip-fee-receipt-msg{font-size:13px}

/* v1.4.3 — new deposit card */
.cip-deposit-card{border:1px solid #1e5f4a;background:#0f1a16}
.cip-deposit-card h3{color:#5fe0a0}

/* v1.4.4 — lifetime row + earnings chart */
.cip-lifetime-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.cip-lifetime-item{background:#161b22;border:1px solid #2a3140;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.cip-lifetime-item span{color:#8b98a9;font-size:12px}
.cip-lifetime-item strong{font-size:18px;color:#fff}
.cip-chart-card{margin-bottom:18px}
.cip-earn-chart{width:100%;height:180px;display:block}
.cip-chart-foot{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:#c3ccd8}
@media(max-width:640px){.cip-lifetime-row{grid-template-columns:1fr}}

/* ============================================================
   v1.4.8 — Withdrawal tiers (below packages / shortcode)
   ============================================================ */
.cip-tiers{margin-top:22px}
.cip-tiers-head{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}
.cip-tiers-badge{border:1px solid #2a6a8f;color:#5cc6ff;font-size:11px;font-weight:700;letter-spacing:1px;padding:5px 12px;border-radius:999px;background:rgba(46,138,199,.08)}
.cip-tiers-head h3{color:#fff;font-size:22px;margin:0}
.cip-tiers-sub{color:#8b98a9;text-align:center;max-width:560px;margin:8px auto 16px;font-size:13px}
.cip-tiers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cip-tier{position:relative;background:#0f1620;border:1px solid #223047;border-radius:14px;padding:16px 14px;overflow:hidden}
.cip-tier::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#28c76f,#3aa0ff)}
.cip-tier-top{display:flex;justify-content:space-between;align-items:center}
.cip-tier-label{color:#5cc6ff;font-size:11px;font-weight:700;letter-spacing:.6px}
.cip-tier-num{color:#2a3a52;font-size:22px;font-weight:800;line-height:1}
.cip-tier-range{color:#fff;font-size:20px;font-weight:800;margin:10px 0}
.cip-tier-list{list-style:none;padding:0;margin:0 0 10px}
.cip-tier-list li{color:#c3ccd8;font-size:12.5px;padding-left:18px;position:relative;margin-bottom:6px}
.cip-tier-list li::before{content:"✓";position:absolute;left:0;color:#28c76f;font-weight:700}
.cip-tier-desc{color:#7a8699;font-size:11.5px;border-top:1px dashed #223047;padding-top:8px;margin:0}
.cip-tiers-note{margin-top:14px;text-align:center;color:#ffcf87;font-weight:600;font-size:13.5px;background:rgba(255,181,71,.08);border:1px solid rgba(255,181,71,.3);border-radius:10px;padding:10px 14px}
@media(max-width:900px){.cip-tiers-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cip-tiers-grid{grid-template-columns:1fr}}

/* ============================================================
   v1.5.0 — Modern plan cards (tiers aligned with withdrawals)
   ============================================================ */
.cip-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.cip-pkg{cursor:pointer;display:block}
.cip-pkg input{position:absolute;opacity:0;pointer-events:none}
.cip-pkg-inner{
	display:flex;flex-direction:column;gap:0;height:100%;
	position:relative;overflow:hidden;
	padding:18px 16px 16px;border-radius:16px;
	background:linear-gradient(180deg,#141b26 0%,#10151f 100%);
	border:1px solid #232d3d;
	transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.cip-pkg-inner::before{
	content:"";position:absolute;top:0;left:0;right:0;height:2px;
	background:linear-gradient(90deg,#7c6cff,#5cc6ff);opacity:.35;transition:opacity .18s ease;
}
.cip-pkg:hover .cip-pkg-inner{transform:translateY(-3px);border-color:#3a4a63;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.cip-pkg input:checked+.cip-pkg-inner{
	border-color:#7c6cff;background:linear-gradient(180deg,#1b1a3a 0%,#141428 100%);
	box-shadow:0 0 0 3px rgba(124,108,255,.22),0 14px 34px rgba(124,108,255,.14);
}
.cip-pkg input:checked+.cip-pkg-inner::before{opacity:1}
.cip-pkg input:focus-visible+.cip-pkg-inner{outline:2px solid #5cc6ff;outline-offset:2px}

.cip-pkg-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cip-pkg-name{color:#fff;font-size:15px;font-weight:700;letter-spacing:.2px}
.cip-pkg-flag{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#0d1117;background:linear-gradient(90deg,#5cc6ff,#7c6cff);padding:3px 7px;border-radius:999px}
.cip-pkg-check{margin-left:auto;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#0d1117;background:#7c6cff;opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s ease}
.cip-pkg input:checked+.cip-pkg-inner .cip-pkg-check{opacity:1;transform:scale(1)}

.cip-pkg-roi{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;line-height:1;margin-bottom:12px}
.cip-pkg-roi{font-size:34px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.cip-pkg-roi i{font-style:normal;font-size:20px;font-weight:700;color:#9d90ff}
.cip-pkg-roi small{font-size:11px;font-weight:600;color:#8b98a9;letter-spacing:.3px;width:100%;margin-top:6px}

.cip-pkg-range{display:block;color:#dbe2ea;font-size:13.5px;font-weight:600;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid #232d3d;margin-bottom:10px}
.cip-pkg-desc{display:block;color:#8b98a9;font-size:12px;line-height:1.5;margin-bottom:12px}
.cip-pkg-meta{margin-top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px dashed #232d3d}
.cip-pkg-meta span{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#8b98a9}
.cip-pkg-risk{padding:3px 8px;border-radius:999px}
.cip-risk-low{background:rgba(40,199,111,.14);color:#5fe0a0}
.cip-risk-medium{background:rgba(255,181,71,.14);color:#ffcf87}
.cip-risk-high{background:rgba(255,92,108,.14);color:#ff8b95}

@media(prefers-reduced-motion:reduce){
	.cip-pkg-inner,.cip-pkg-check{transition:none}
	.cip-pkg:hover .cip-pkg-inner{transform:none}
}

/* ============================================================
   v1.5.2 — Plan cards: centered, equal height, aligned to form
   ============================================================ */
@media(min-width:1000px){
	.cip-invest-grid{align-items:stretch}
	.cip-invest-plans{display:flex;flex-direction:column}
	.cip-invest-account{position:static;align-self:stretch}
}
.cip-packages{align-items:stretch;flex:1}
.cip-pkg{height:100%}

.cip-pkg-inner{
	height:100%;
	text-align:center;
	align-items:center;
	padding:20px 14px 16px;
}

/* header: name centered, tick pinned to the corner */
.cip-pkg-head{justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:12px;width:100%}
.cip-pkg-check{position:absolute;top:12px;right:12px;margin-left:0}

/* ROI block */
.cip-pkg-roi{justify-content:center;text-align:center;margin-bottom:14px}
.cip-pkg-roi small{text-align:center}

/* range pill fills the card width */
.cip-pkg-range{width:100%;text-align:center;box-sizing:border-box;line-height:1.45}

/* description grows so every card's footer lines up */
.cip-pkg-desc{flex:1 1 auto;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;margin-bottom:14px}

/* footer meta centered */
.cip-pkg-meta{justify-content:center;width:100%;gap:6px;text-align:center}

@media(max-width:999px){
	.cip-pkg-desc{min-height:0}
}

/* keep plans 2x2 next to the form (4-across was too cramped) */
@media(min-width:1000px){
	.cip-invest-page .cip-packages{grid-template-columns:1fr 1fr}
}
@media(min-width:1400px){
	.cip-invest-page .cip-packages{grid-template-columns:1fr 1fr}
}

/* ============================================================
   v1.5.3 — Plan cards: compact, centered, even (no stretch void)
   ============================================================ */
@media(min-width:1000px){
	/* cards sit at the top and size to content — the form no longer
	   stretches them into a tall empty box */
	.cip-invest-grid{align-items:start}
	.cip-invest-plans{display:block;align-self:start}
}
.cip-packages{flex:none;align-items:stretch}

.cip-pkg-inner{
	height:100%;
	text-align:center;
	align-items:center;
	justify-content:flex-start;
	padding:20px 14px 16px;
	gap:0;
}
.cip-pkg-head{justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:10px;width:100%}
.cip-pkg-check{position:absolute;top:12px;right:12px;margin-left:0}
.cip-pkg-roi{justify-content:center;text-align:center;margin-bottom:12px}
.cip-pkg-roi small{text-align:center}
.cip-pkg-range{width:100%;text-align:center;box-sizing:border-box;line-height:1.45;margin-bottom:10px}
/* description takes only the space it needs, but rows stay equal */
.cip-pkg-desc{flex:1 1 auto;display:block;text-align:center;margin-bottom:12px}
.cip-pkg-meta{justify-content:center;width:100%;gap:6px;text-align:center;margin-top:auto}
