.plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:11px;font-weight:800;padding:4px 14px;border-radius:20px;white-space:nowrap;letter-spacing:.05em}
    .card ul li{display:flex;align-items:flex-start;gap:8px;padding:5px 0}
    .card ul li::before{content:"✓";color:#2563eb;font-weight:800;flex-shrink:0;margin-top:1px}
    .card.popular ul li::before{color:#6366f1}
    .card button{width:100%;margin-top:4px;font-size:14px;font-weight:700;letter-spacing:.02em}
    .card.popular button{background:linear-gradient(135deg,#6366f1,#4f46e5)}
    .card.popular button:hover{opacity:.88}

    
    .moverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:9000;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
    .moverlay.open{display:flex}
    .mbox{background:#0f172a;border:1px solid #1e293b;border-radius:20px;width:100%;max-width:430px;padding:30px 26px;position:relative;margin:auto;animation:mIn .2s ease}
    @keyframes mIn{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}
    .mclose{position:absolute;top:14px;right:14px;background:none;border:none;color:#475569;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;width:auto}
    .mclose:hover{color:#f1f5f9;background:#1e293b}

    
    .m-logo{font-weight:900;font-size:20px;color:#f1f5f9;margin-bottom:4px}.m-logo span{color:#6366f1}
    .m-plan-strip{background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.25);border-radius:10px;padding:10px 14px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}
    .m-plan-strip .pname{font-weight:700;font-size:14px;color:#a5b4fc}
    .m-plan-strip .pprice{font-weight:800;font-size:14px;color:#f1f5f9}
    .m-tabs{display:flex;gap:0;margin-bottom:20px;background:#1e293b;border-radius:10px;padding:4px}
    .m-tab{flex:1;padding:9px;text-align:center;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;background:none;border:none;color:#64748b;transition:.15s}
    .m-tab.active{background:#6366f1;color:#fff}
    .m-inp{width:100%;background:#1e293b;border:1px solid #334155;border-radius:9px;padding:11px 14px;color:#f1f5f9;font-size:14px;outline:none;margin-bottom:11px;transition:border-color .2s;box-sizing:border-box;font-family:inherit}
    .m-inp:focus{border-color:#6366f1}
    .m-inp::placeholder{color:#475569}
    .m-btn{width:100%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:13px;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer;transition:.2s;margin-bottom:12px}
    .m-btn:hover{opacity:.88}
    .m-or{text-align:center;color:#334155;font-size:12px;margin:6px 0 12px;position:relative}
    .m-or::before,.m-or::after{content:'';position:absolute;top:50%;width:42%;height:1px;background:#1e293b}
    .m-or::before{left:0}.m-or::after{right:0}
    .m-g{width:100%;background:#fff;color:#3c4043;border:1.5px solid #dadce0;padding:11px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}
    .m-g:hover{background:#f8f9fa;box-shadow:0 2px 8px rgba(0,0,0,.12)}
    .m-ap{width:100%;background:#1c1c1e;color:#fff;border:1.5px solid #3a3a3c;padding:11px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
    .m-ap:hover{background:#2c2c2e}
    .m-err{color:#f87171;font-size:12px;margin-bottom:10px;min-height:16px}
    .m-chk{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:12px;color:#94a3b8}
    .m-chk input{margin-top:2px;accent-color:#6366f1;flex-shrink:0}
    .m-foot{text-align:center;font-size:13px;color:#475569}
    .m-foot a{color:#6366f1;text-decoration:none;font-weight:600}

    
    .pay-plan-bar{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:14px 18px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}
    .pay-plan-bar .ppn{font-weight:800;font-size:15px;color:#a5b4fc}
    .pay-plan-bar .ppp{font-weight:800;font-size:20px;color:#f1f5f9}
    .pay-plan-bar .ppp span{font-size:13px;font-weight:400;color:#64748b}
    .pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
    @media(max-width:380px){.pay-methods{grid-template-columns:repeat(2,1fr)}}
    .pm-btn{padding:12px 8px;border:2px solid #1e293b;border-radius:10px;cursor:pointer;text-align:center;background:#0a1628;transition:.18s}
    .pm-btn:hover{border-color:#6366f1}
    .pm-btn.active{border-color:#6366f1;background:rgba(99,102,241,.1)}
    .pm-ico{font-size:1.5rem;margin-bottom:3px}
    .pm-lbl{font-size:10px;font-weight:700;color:#94a3b8}
    .pm-btn.active .pm-lbl{color:#a5b4fc}
    .pay-det{background:#0a1628;border:1px solid #1e293b;border-radius:10px;padding:14px 16px;margin-bottom:14px;font-size:13px;display:none}
    .pay-det.visible{display:block}
    .pay-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
    .pay-row:last-child{margin-bottom:0}
    .pay-lbl{color:#64748b}
    .pay-val{color:#f1f5f9;font-weight:700;font-family:monospace;font-size:15px;display:flex;align-items:center;gap:8px}
    .cpbtn{background:#1e293b;border:1px solid #334155;color:#94a3b8;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;transition:.15s;white-space:nowrap}
    .cpbtn:hover{border-color:#6366f1;color:#a5b4fc}
    .pay-note{font-size:12px;color:#475569;margin-top:8px;line-height:1.7}
    .pay-confirm-btn{width:100%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:14px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;transition:.2s;margin-top:6px}
    .pay-confirm-btn:hover{opacity:.88;box-shadow:0 0 24px rgba(99,102,241,.4)}
    .pay-confirm-btn:disabled{opacity:.4;cursor:not-allowed}
    .pay-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:11px;color:#334155}

    
    .suc-overlay{display:none;position:fixed;inset:0;background:rgba(2,6,23,.96);z-index:9200;align-items:center;justify-content:center;padding:20px}
    .suc-overlay.open{display:flex}
    .suc-box{text-align:center;max-width:380px}
    .suc-check{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 20px;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}
    @keyframes popIn{from{transform:scale(0)}to{transform:scale(1)}}
    .suc-box h2{font-size:24px;font-weight:800;margin-bottom:10px;color:#f1f5f9}
    .suc-box p{color:#94a3b8;font-size:14px;line-height:1.8;margin-bottom:6px}
    .suc-plan{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:14px 20px;margin:18px 0}
    .suc-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}
    .suc-row span:first-child{color:#64748b}
    .suc-row span:last-child{font-weight:700;color:#a5b4fc}
    .btn-home{display:inline-block;margin-top:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:13px 32px;border-radius:20px;text-decoration:none;font-weight:700;font-size:14px}

    
    .sub-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(16px);background:#1e293b;color:#f1f5f9;padding:12px 24px;border-radius:50px;font-size:14px;opacity:0;transition:all .3s;border:1px solid #334155;z-index:9999;white-space:nowrap;pointer-events:none}
    .sub-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
    .sub-toast.ok{border-color:rgba(34,197,94,.5);color:#22c55e}
    .sub-toast.err{border-color:rgba(239,68,68,.5);color:#f87171}

    
    @media(max-width:600px){
      .pricing-section{padding:40px 14px 60px}
      .pricing-section h1{font-size:24px;margin-bottom:8px}
      .pricing{gap:16px}
      .card{width:100%;max-width:340px;padding:22px 18px}
      .mbox,.pay-mbox{padding:22px 16px}
    }