.ct-premium-label{display:inline-block;padding:.25rem .6rem;border-radius:4px;background:#f6e8be;color:#604507;font:700 .75rem/1.3 var(--ct-sans,system-ui,sans-serif);letter-spacing:.05em;text-transform:uppercase}
.ct-premium-gate,.ct-premium-account{margin:1.75rem 0;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--ct-line,#e5e7eb);border-top:4px solid #d4a63a;border-radius:10px;background:var(--ct-paper,#fff);color:var(--ct-ink,#171a21);font-family:var(--ct-sans,system-ui,sans-serif);box-shadow:0 8px 28px rgba(20,33,61,.04)}
.ct-premium-gate h2,.ct-premium-account h2{font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.3;margin:.4rem 0 .8rem;color:var(--ct-navy,#14213d)}
.ct-premium-gate p,.ct-premium-account p{font-size:.95rem;line-height:1.7;color:var(--ct-muted,#626975);margin:0 0 1rem}
.ct-account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.1rem}
.ct-premium-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1.25rem;border:1px solid transparent;border-radius:6px;background:var(--ct-navy,#14213d);color:#fff!important;font:700 .88rem/1.4 var(--ct-sans,system-ui,sans-serif);text-decoration:none!important;cursor:pointer;transition:background .2s,border-color .2s}
.ct-premium-button:hover{background:#213662;color:#fff!important}
.ct-premium-button--outline{background:transparent;color:var(--ct-navy,#14213d)!important;border-color:var(--ct-navy,#14213d)}
.ct-premium-button--outline:hover{background:var(--ct-mist,#f3f5f7);color:var(--ct-navy,#14213d)!important}
.ct-premium-button:focus-visible{outline:3px solid #d4a63a;outline-offset:3px}
.ct-premium-account form{margin-top:1rem}
.ct-plans-container{margin:1.5rem 0 2.5rem;font-family:var(--ct-sans,system-ui,sans-serif);color:var(--ct-ink,#171a21)}
.ct-plans-header{text-align:center;max-width:680px;margin:0 auto 2.25rem}
.ct-plans-eyebrow{display:inline-block;color:var(--ct-accent,#d62828);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}
.ct-plans-header h2{font-size:clamp(1.65rem,3.5vw,2.25rem);font-weight:800;color:var(--ct-navy,#14213d);margin:0 0 .75rem;letter-spacing:-.03em}
.ct-plans-header p{font-size:1rem;line-height:1.65;color:var(--ct-muted,#626975);margin:0}
.ct-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:stretch}
.ct-plan-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid var(--ct-line,#e5e7eb);border-radius:12px;padding:28px 26px;box-shadow:0 6px 24px rgba(20,33,61,.04);transition:transform .2s,box-shadow .2s}
.ct-plan-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(20,33,61,.08)}
.ct-plan-card--featured{border:2px solid var(--ct-navy,#14213d);background:linear-gradient(180deg,#ffffff 0%,#f9fafc 100%)}
.ct-plan-badge{position:absolute;top:-13px;right:22px;background:var(--ct-accent,#d62828);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.04em;padding:4px 12px;border-radius:999px;text-transform:uppercase;box-shadow:0 4px 10px rgba(214,40,40,.25)}
.ct-plan-top h3{font-size:1.3rem;font-weight:800;color:var(--ct-navy,#14213d);margin:0 0 .5rem}
.ct-plan-desc{font-size:.9rem;line-height:1.6;color:var(--ct-muted,#626975);margin:0 0 1.25rem}
.ct-plan-price{display:flex;align-items:baseline;gap:4px;margin:0 0 1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--ct-line,#e5e7eb);color:var(--ct-navy,#14213d)}
.ct-plan-currency{font-size:1rem;font-weight:700}
.ct-plan-amount{font-size:2.15rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.ct-plan-period{font-size:.88rem;color:var(--ct-muted,#626975);font-weight:500}
.ct-plan-features{list-style:none!important;padding:0!important;margin:0 0 1.75rem!important;display:flex;flex-direction:column;gap:10px;flex:1}
.ct-plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.5;color:var(--ct-ink,#171a21)}
.ct-plan-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#eef8f1;color:#277344;font-size:.72rem;font-weight:800;flex-shrink:0;margin-top:2px}
.ct-plan-action{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.ct-plan-action .button,.ct-plan-action .ct-btn-checkout,.ct-plan-action .ct-plan-login-btn{width:100%;min-height:46px;padding:12px 18px;border-radius:6px;font-size:.92rem;font-weight:700;text-align:center;justify-content:center;text-decoration:none!important;background:var(--ct-navy,#14213d);color:#fff!important;border:1px solid var(--ct-navy,#14213d);cursor:pointer}
.ct-plan-card--featured .ct-plan-action .button,.ct-plan-card--featured .ct-plan-action .ct-btn-checkout,.ct-plan-card--featured .ct-plan-action .ct-plan-login-btn{background:var(--ct-accent,#d62828);border-color:var(--ct-accent,#d62828)}
.ct-plan-action .button:hover,.ct-plan-action .ct-btn-checkout:hover,.ct-plan-action .ct-plan-login-btn:hover{opacity:.93}
.ct-plan-register-link{font-size:.82rem;text-align:center;color:var(--ct-muted,#626975)!important;text-decoration:underline!important}
.ct-plans-trust{text-align:center;font-size:.82rem;color:var(--ct-muted,#626975);margin:1.5rem 0 0}
.ct-payment-alert{padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:.92rem;line-height:1.6}
.ct-payment-alert--success{background:#eef8f1;border:1px solid #b7e1c4;color:#1d5934}
.ct-simulate-banner{background:#fffbeb;border:1px solid #f59e0b;border-left:4px solid #d97706;border-radius:8px;padding:20px 24px;margin-bottom:28px}
.ct-simulate-banner h3{font-size:1.15rem;color:#92400e;margin:.4rem 0 .5rem}
.ct-simulate-banner p{font-size:.9rem;color:#78350f;margin:0 0 1rem;line-height:1.6}
.ct-auth-portal{width:100%}
.ct-auth-header{margin-bottom:1.5rem}
.ct-auth-header h2{margin:.45rem 0 .6rem}
.ct-auth-header p{margin:0}
.ct-auth-plan-notice{background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #2563eb;color:#1e3a8a;padding:12px 16px;border-radius:8px;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}
.ct-social-auth-section{margin-bottom:1.4rem}
.ct-social-heading{font-size:.82rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ct-muted,#626975)!important;margin:0 0 .7rem!important}
.ct-social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.ct-social-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid var(--ct-line,#d1d5db);background:#fff;color:var(--ct-ink,#171a21)!important;font:600 .86rem/1.2 var(--ct-sans,system-ui,sans-serif);text-decoration:none!important;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.ct-social-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,33,61,.08);border-color:var(--ct-navy,#14213d)}
.ct-social-btn--whatsapp{border-color:#bbf7d0;background:#f0fdf4}
.ct-social-btn--whatsapp:hover{border-color:#22c55e;background:#dcfce7}
.ct-google-gsi-wrap{margin-top:10px;display:flex;justify-content:flex-start}
.ct-auth-divider{display:flex;align-items:center;text-align:center;margin:1.35rem 0;color:var(--ct-muted,#626975);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.ct-auth-divider::before,.ct-auth-divider::after{content:"";flex:1;border-bottom:1px solid var(--ct-line,#e5e7eb)}
.ct-auth-divider span{padding:0 12px}
.ct-auth-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:2px solid var(--ct-line,#e5e7eb);margin-bottom:1.25rem}
.ct-auth-tab{appearance:none;background:transparent;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:10px 16px;font:700 .88rem/1.3 var(--ct-sans,system-ui,sans-serif);color:var(--ct-muted,#626975);cursor:pointer;transition:color .2s,border-color .2s}
.ct-auth-tab:hover{color:var(--ct-navy,#14213d)}
.ct-auth-tab.is-active{color:var(--ct-navy,#14213d);border-bottom-color:var(--ct-accent,#d62828)}
.ct-auth-panel{display:none;margin-top:.5rem}
.ct-auth-panel.is-active{display:block}
.ct-auth-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ct-auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.ct-auth-field label{font-size:.85rem;font-weight:700;color:var(--ct-navy,#14213d)}
.ct-req{color:var(--ct-accent,#d62828)}
.ct-auth-field input{width:100%;min-height:42px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:6px;font:400 .92rem/1.4 var(--ct-sans,system-ui,sans-serif);color:var(--ct-ink,#171a21);background:#fff;box-sizing:border-box}
.ct-auth-field input:focus{outline:2px solid var(--ct-navy,#14213d);border-color:var(--ct-navy,#14213d)}
.ct-auth-submit{min-width:210px}
.ct-auth-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px}
.ct-auth-forgot{font-size:.85rem;color:var(--ct-muted,#626975)!important;text-decoration:underline!important}
.ct-auth-alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:.88rem;line-height:1.5;font-weight:600}
.ct-auth-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.ct-auth-alert--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}
.ct-reg-social-badge{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #cbd5e1;color:var(--ct-navy,#14213d);padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700;margin-bottom:14px}
.ct-account-plans-cta{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--ct-line,#e5e7eb);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--ct-muted,#626975)}
.ct-member-profile-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--ct-mist,#f8fafc);border:1px solid var(--ct-line,#e5e7eb);border-radius:8px;margin-bottom:1.25rem}
.ct-member-identity{display:flex;align-items:center;gap:14px}
.ct-member-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.ct-member-meta{display:flex;flex-direction:column;gap:2px}
.ct-member-meta strong{font-size:1.05rem;color:var(--ct-navy,#14213d)}
.ct-member-meta span{font-size:.85rem;color:var(--ct-muted,#626975)}
.ct-connected-list{margin-top:4px;font-size:.78rem;color:var(--ct-muted,#626975);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ct-connected-pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:.72rem;font-weight:700}
.ct-member-status-card{padding:16px 18px;border:1px solid var(--ct-line,#e5e7eb);border-radius:8px;margin-bottom:1.25rem;background:#fff}
.ct-auth-role-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#faf9f6;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}
.ct-auth-role-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4b5563}
.ct-auth-role-buttons{display:flex;flex-wrap:wrap;gap:6px}
.ct-auth-role-btn{appearance:none;border:1px solid #d1d5db;background:#fff;color:#374151;font:600 .78rem/1.3 var(--ct-sans,system-ui,sans-serif);padding:6px 12px;border-radius:6px;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s,border-color .2s,color .2s}
.ct-auth-role-btn:hover{border-color:#1e3a8a;color:#1e3a8a}
.ct-auth-role-btn.is-active{background:#1e3a8a;border-color:#1e3a8a;color:#fff}
.ct-auth-role-context{padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-left:3px solid #1e3a8a;border-radius:6px;margin-bottom:16px;font-size:.84rem;color:#374151;line-height:1.5}
.ct-social-btn--passkey{grid-column:1/-1;background:#1e3a8a;border-color:#1e3a8a;color:#fff!important;font-weight:700;min-height:46px}
.ct-social-btn--passkey:hover{background:#172e6e;border-color:#172e6e;color:#fff!important}
.ct-passkey-scanner-card{padding:20px;border:1px solid #e5e7eb;border-radius:8px;background:#faf9f6}
.ct-passkey-scanner-visual{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;transition:border-color .25s cubic-bezier(.16,1,.3,1),background .25s}
.ct-passkey-scanner-visual.is-scanning{border-color:#1e3a8a;background:#eff6ff}
.ct-passkey-scanner-visual.is-verified{border-color:#15803d;background:#f0fdf4}
.ct-passkey-pulse-ring{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#1e3a8a;flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s,color .3s}
.ct-passkey-scanner-visual.is-scanning .ct-passkey-pulse-ring{transform:scale(1.08);background:#1e3a8a;color:#fff}
.ct-passkey-scanner-visual.is-verified .ct-passkey-pulse-ring{background:#15803d;color:#fff}
.ct-passkey-scanner-status{display:flex;flex-direction:column;gap:2px}
.ct-passkey-scanner-status strong{font-size:.92rem;color:#111827}
.ct-passkey-scanner-status span{font-size:.8rem;color:#4b5563;font-variant-numeric:tabular-nums}
.ct-bio-workspace{margin-top:24px;border:1px solid #e5e7eb;border-radius:10px;background:#faf9f6;color:#111827;overflow:hidden}
.ct-bio-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#fff;border-bottom:1px solid #e5e7eb}
.ct-bio-topbar__brand{display:flex;align-items:center;gap:8px;font-size:.85rem}
.ct-bio-wordmark{font-family:var(--ct-serif,Georgia,serif);font-weight:800;font-size:1.05rem;color:#0a0a0a;letter-spacing:-.02em}
.ct-bio-sep{color:#9ca3af}
.ct-bio-sub{color:#4b5563;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.ct-bio-topbar__nav{display:flex;flex-wrap:wrap;gap:6px}
.ct-bio-nav-link{appearance:none;background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 12px;font:600 .8rem/1.3 var(--ct-sans,system-ui,sans-serif);color:#4b5563;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ct-bio-nav-link:hover{color:#111827;background:#f3f4f6}
.ct-bio-nav-link.is-active{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe;font-weight:700}
.ct-bio-topbar__status{font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}
.ct-bio-status-indicator{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.ct-bio-status-indicator::before{content:"";width:7px;height:7px;border-radius:50%;background:#1e3a8a}
.ct-bio-status-indicator--verified{color:#15803d}
.ct-bio-status-indicator--verified::before{background:#15803d}
.ct-bio-status-indicator--idle{color:#1e3a8a}
.ct-bio-pane{display:none;padding:24px}
.ct-bio-pane.is-active{display:block}
.ct-bio-pane__header{margin-bottom:20px}
.ct-bio-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1e3a8a;margin-bottom:6px}
.ct-bio-pane__header h3{font-family:var(--ct-serif,Georgia,serif);font-size:1.35rem;color:#0a0a0a;margin:0 0 6px}
.ct-bio-pane__header p{font-size:.9rem;color:#4b5563;margin:0;line-height:1.6}
.ct-bio-pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}
.ct-bio-pillar{padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}
.ct-bio-pillar__meta{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;color:#1e3a8a;font-weight:700;margin-bottom:6px}
.ct-bio-pillar h4{font-size:.98rem;color:#111827;margin:0 0 6px}
.ct-bio-pillar p{font-size:.84rem;color:#4b5563;margin:0;line-height:1.55}
.ct-bio-matrix-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px;overflow-x:auto}
.ct-bio-matrix-title{font-size:.95rem;color:#111827;margin:0 0 12px}
.ct-bio-matrix-table{width:100%;border-collapse:collapse;font-size:.84rem;font-variant-numeric:tabular-nums}
.ct-bio-matrix-table th,.ct-bio-matrix-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;text-align:left}
.ct-bio-matrix-table th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#4b5563;background:#faf9f6}
.ct-bio-row-highlight{background:#f0fdf4}
.ct-bio-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}
.ct-bio-badge-verified{color:#15803d;font-weight:700}
.ct-bio-badge-warn{color:#b45309;font-weight:600}
.ct-bio-badge-danger{color:#b91c1c;font-weight:600}
.ct-bio-flow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}
.ct-bio-step{padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}
.ct-bio-step__num{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700;color:#1e3a8a;margin-bottom:4px}
.ct-bio-step strong{display:block;font-size:.9rem;color:#111827;margin-bottom:4px}
.ct-bio-step p{font-size:.8rem;color:#4b5563;margin:0;line-height:1.5}
.ct-bio-sim-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.ct-bio-inspector-box{background:#0a0a0a;color:#e5e7eb;border-radius:8px;padding:16px;overflow-x:auto}
.ct-bio-inspector-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #262626;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:#9ca3af}
.ct-bio-json-pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.55;color:#a7f3d0;white-space:pre-wrap;word-break:break-all}
.ct-bio-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.ct-bio-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}
.ct-bio-card__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}
.ct-bio-card__head h4{margin:0;font-size:.95rem;color:#111827}
.ct-bio-btn-sm{min-height:34px!important;padding:6px 12px!important;font-size:.78rem!important}
.ct-bio-passkey-list,.ct-bio-audit-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:10px}
.ct-bio-passkey-item,.ct-bio-audit-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:#faf9f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.82rem}
.ct-bio-passkey-info,.ct-bio-audit-main{display:flex;flex-direction:column;gap:2px}
.ct-bio-passkey-meta,.ct-bio-audit-meta{font-size:.75rem;color:#4b5563;font-variant-numeric:tabular-nums}
.ct-bio-revoke-btn{appearance:none;background:transparent;border:1px solid #fecaca;color:#b91c1c;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer}
.ct-bio-revoke-btn:hover{background:#fef2f2}
.ct-bio-empty{font-size:.84rem;color:#4b5563;margin:0}
@media(max-width:600px){.ct-plan-card{padding:22px 18px}.ct-plan-amount{font-size:1.85rem}.ct-social-buttons{grid-template-columns:repeat(2,1fr)}.ct-auth-submit{width:100%}.ct-bio-pane{padding:16px}}

/* ==========================================================================
   v2.4.0: Hybrid Paywall, Article Buy Box, Author Tip & Membership Redesign
   ========================================================================== */

/* 1. Teaser Preview with Fade-Out Gradient */
.ct-premium-locked{position:relative;margin:1.75rem 0}
.ct-premium-teaser-wrap{position:relative;overflow:hidden;margin-bottom:1.5rem}
.ct-premium-teaser-preview{font-family:var(--ct-serif,Georgia,serif);font-size:1.15rem;line-height:1.85;color:var(--ct-ink,#171a21);margin:0}
.ct-premium-teaser-fade{position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);pointer-events:none}

/* 2. Article Buy Box (Akses Satuan Permanen) */
.ct-article-buy-box{background:#f8fafc;border:2px solid #cbd5e1;border-radius:12px;padding:24px;margin-bottom:24px;text-align:left;box-shadow:0 4px 16px rgba(15,23,42,.04);transition:border-color .2s}
.ct-article-buy-box:hover{border-color:var(--ct-navy,#14213d)}
.ct-buy-box-header{margin-bottom:14px}
.ct-buy-badge{display:inline-flex;align-items:center;gap:6px;background:#e0f2fe;color:#0369a1;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:8px}
.ct-buy-title{font-size:1.25rem;font-weight:800;color:var(--ct-navy,#14213d);margin:0 0 6px}
.ct-buy-desc{font-size:.9rem;line-height:1.6;color:var(--ct-muted,#626975);margin:0}
.ct-buy-box-price-wrap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin:16px 0;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}
.ct-buy-price-main{display:flex;align-items:baseline;gap:4px;color:var(--ct-navy,#14213d)}
.ct-buy-currency{font-size:1.1rem;font-weight:700}
.ct-buy-amount{font-size:2rem;font-weight:900;letter-spacing:-.03em;line-height:1}
.ct-buy-guarantee-pill{font-size:.82rem;font-weight:700;color:#16a34a;background:#f0fdf4;padding:4px 10px;border-radius:6px;border:1px solid #bbf7d0}
.ct-buy-box-action{display:flex;flex-direction:column;gap:8px}
.ct-btn-buy-article,.ct-btn-buy-login{width:100%;min-height:48px;font-size:1rem!important;font-weight:800!important;background:#0f172a!important;color:#fff!important;border:none!important}
.ct-btn-buy-article:hover,.ct-btn-buy-login:hover{background:#1e293b!important}
.ct-buy-note{font-size:.8rem;color:var(--ct-muted,#626975);text-align:center}
.ct-buy-box-methods{margin-top:12px;padding-top:10px;border-top:1px dashed #cbd5e1;font-size:.78rem;color:var(--ct-muted,#626975);text-align:center}
.ct-gate-divider{display:flex;align-items:center;text-align:center;margin:24px 0;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ct-muted,#626975)}
.ct-gate-divider::before,.ct-gate-divider::after{content:"";flex:1;border-bottom:1px solid #e2e8f0}
.ct-gate-divider span{padding:0 14px}

/* 3. Byline Author Appreciation (Traktir Kopi) Button */
.article-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.article-meta-action{margin-left:auto}
.ct-author-tip-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 14px;border:1px solid #fed7aa;border-radius:999px;background:#fffaf0;color:#c2410c;font:700 .82rem/1.2 var(--ct-sans,system-ui,sans-serif);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px rgba(234,88,12,.08)}
.ct-author-tip-btn:hover{background:#ffedd5;border-color:#fb923c;color:#9a3412;transform:translateY(-1px);box-shadow:0 4px 10px rgba(234,88,12,.14)}
.ct-tip-icon{font-size:1rem}

/* 4. Author Tip Modal Dialog */
.ct-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.ct-modal[hidden]{display:none}
.ct-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);animation:ctFadeIn .2s ease-out}
.ct-modal-dialog{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:14px;padding:26px 24px;box-shadow:0 20px 45px rgba(0,0,0,.25);z-index:2;animation:ctScaleUp .25s cubic-bezier(.16,1,.3,1)}
.ct-modal-close{position:absolute;top:16px;right:18px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:1.5rem;color:#64748b;cursor:pointer;border-radius:50%;line-height:1}
.ct-modal-close:hover{background:#f1f5f9;color:#0f172a}
.ct-modal-header{text-align:center;margin-bottom:18px}
.ct-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffedd5;color:#ea580c;border-radius:50%;font-size:1.5rem;margin-bottom:8px}
.ct-modal-title{font-size:1.35rem;font-weight:800;color:var(--ct-navy,#14213d);margin:0 0 6px}
.ct-modal-subtitle{font-size:.88rem;color:var(--ct-muted,#626975);line-height:1.5;margin:0}
.ct-tip-presets-wrap{margin-bottom:14px}
.ct-field-label{display:block;font-size:.84rem;font-weight:700;color:#1e293b;margin-bottom:8px}
.ct-tip-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ct-tip-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;border:1.5px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#0f172a;font:700 .9rem/1.2 var(--ct-sans,system-ui,sans-serif);cursor:pointer;transition:all .15s}
.ct-tip-preset-btn:hover{border-color:#fb923c;background:#fffaf0}
.ct-tip-preset-btn.active{border-color:#ea580c;background:#fff7ed;color:#c2410c;box-shadow:0 0 0 1px #ea580c}
.ct-preset-desc{font-size:.7rem;font-weight:500;color:#64748b;margin-top:2px}
.ct-tip-preset-btn.active .ct-preset-desc{color:#ea580c}
.ct-field-group{margin-bottom:14px}
.ct-input-currency-wrap{position:relative;display:flex;align-items:center}
.ct-input-prefix{position:absolute;left:14px;font-weight:700;color:#64748b;font-size:.95rem}
.ct-input-text,.ct-input-textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;font:400 .92rem/1.4 var(--ct-sans,system-ui,sans-serif);box-sizing:border-box}
.ct-input-currency-wrap .ct-input-text{padding-left:42px;font-weight:700;font-size:1.1rem;color:#0f172a}
.ct-field-hint{display:block;font-size:.75rem;color:#64748b;margin-top:4px}
.ct-modal-actions{margin-top:18px}
.ct-tip-pay-btn{width:100%;min-height:46px;background:#ea580c!important;border-color:#ea580c!important;color:#fff!important;font-weight:800;font-size:1rem}
.ct-tip-pay-btn:hover{background:#c2410c!important;border-color:#c2410c!important}
.ct-tip-trust-text{text-align:center;font-size:.76rem;color:#64748b;margin:10px 0 0}
@keyframes ctFadeIn{from{opacity:0}to{opacity:1}}
@keyframes ctScaleUp{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}

/* 5. Trust Badges Bar */
.ct-trust-badges-bar{margin:28px 0;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;text-align:center}
.ct-trust-badges-header{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.82rem;font-weight:700;color:#475569;margin-bottom:12px}
.ct-trust-badges-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.ct-trust-pill{display:inline-block;padding:5px 12px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;font:700 .78rem/1.2 var(--ct-sans,system-ui,sans-serif);color:#1e293b}
.ct-trust-pill--qris{background:#ef4444;color:#fff;border-color:#ef4444}

/* 6. Feature Comparison Matrix */
.ct-matrix-section{margin:36px 0}
.ct-matrix-header{text-align:center;margin-bottom:18px}
.ct-matrix-header h3{font-size:1.45rem;font-weight:800;color:var(--ct-navy,#14213d);margin:0 0 4px}
.ct-matrix-header p{font-size:.9rem;color:var(--ct-muted,#626975);margin:0}
.ct-matrix-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.03)}
.ct-matrix-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}
.ct-matrix-table th,.ct-matrix-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0}
.ct-matrix-table th{background:#f8fafc;font-weight:800;color:#0f172a;text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}
.ct-matrix-table th.ct-col-featured,.ct-matrix-table td.ct-col-featured{background:#fffbeb}
.ct-matrix-table th.ct-col-featured{color:#b45309}

/* 7. FAQ Accordions */
.ct-faq-section{margin:36px 0}
.ct-faq-header{text-align:center;margin-bottom:20px}
.ct-faq-header h3{font-size:1.45rem;font-weight:800;color:var(--ct-navy,#14213d);margin:0 0 4px}
.ct-faq-header p{font-size:.9rem;color:var(--ct-muted,#626975);margin:0}
.ct-faq-list{display:flex;flex-direction:column;gap:10px}
.ct-faq-item{border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden;transition:border-color .15s}
.ct-faq-item[open]{border-color:var(--ct-navy,#14213d)}
.ct-faq-question{padding:14px 18px;font-weight:700;font-size:.95rem;color:#0f172a;cursor:pointer;list-style:none;position:relative;padding-right:40px}
.ct-faq-question::-webkit-details-marker{display:none}
.ct-faq-question::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:400;color:#64748b;line-height:1}
.ct-faq-item[open] .ct-faq-question::after{content:"\2212"}
.ct-faq-answer{padding:0 18px 16px;font-size:.9rem;line-height:1.65;color:#475569;border-top:1px solid #f1f5f9;margin-top:6px;padding-top:12px}
.ct-faq-answer p{margin:0}