/* CybrSecAI 21.0 — Loyalty & Billing Command */
:root{--v20-aqua:#64f2c2;--v20-cyan:#63d8ff;--v20-violet:#8c7bff;--v20-gold:#ffd66b;--v20-bg:#02070b}
body.v20-ready:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% 20%,rgba(89,221,255,.055),transparent 24%),radial-gradient(circle at 42% 72%,rgba(100,242,194,.035),transparent 28%)}
.hero{border-color:rgba(104,244,205,.16)!important;box-shadow:0 30px 100px rgba(0,0,0,.32),0 0 0 1px rgba(100,242,194,.035) inset!important}
.cyber-globe{filter:drop-shadow(0 0 24px rgba(100,242,194,.2));animation:v20GlobeBreath 5s ease-in-out infinite!important}
.hero-starfield span{animation:v20StarPulse 3.6s ease-in-out infinite alternate!important}
.quick-card{position:relative;overflow:hidden}.quick-card:after{content:"";position:absolute;inset:-120% auto auto -50%;width:70%;height:280%;background:linear-gradient(90deg,transparent,rgba(120,255,225,.045),transparent);transform:rotate(24deg);transition:left .55s ease}.quick-card:hover:after{left:120%}
.v20-billing-modal{width:min(1540px,calc(100vw - 36px))!important;max-width:1540px!important;max-height:94vh!important;padding:18px!important;background:linear-gradient(160deg,rgba(4,16,23,.995),rgba(2,8,13,.998))!important;border:1px solid rgba(100,242,194,.18)!important;box-shadow:0 35px 120px rgba(0,0,0,.58),0 0 80px rgba(70,220,190,.05)!important}
.v20-billing-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:22px;border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(93,222,255,.12),transparent 28%),radial-gradient(circle at 60% 120%,rgba(100,242,194,.10),transparent 36%),linear-gradient(145deg,rgba(8,31,40,.96),rgba(5,17,24,.99));border:1px solid rgba(112,239,214,.13);position:relative;overflow:hidden}.v20-billing-hero:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:13%;top:-160px;border:1px solid rgba(102,240,201,.22);box-shadow:0 0 35px rgba(102,240,201,.08);animation:v20Orbit 13s linear infinite}.v20-billing-copy h2{font-size:clamp(30px,3vw,48px);line-height:1;margin:8px 0 10px;letter-spacing:-.045em}.v20-billing-copy p{max-width:840px;color:#91a9b2;line-height:1.55}.v20-trust-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.v20-trust-row span{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);font-size:10px;color:#b7d3d5}.v20-billing-status{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px}.v20-current{padding:14px;border-radius:14px;background:rgba(2,10,15,.54);border:1px solid rgba(255,255,255,.06);display:grid;gap:3px}.v20-current small{color:#66808b;text-transform:uppercase;letter-spacing:.13em}.v20-current b{font-size:22px}.v20-current span{color:#78e6c2;font-size:11px}
.v20-campaign-strip{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:10px 0;border-radius:14px;background:linear-gradient(90deg,rgba(122,94,255,.11),rgba(72,233,195,.08),rgba(5,18,24,.4));border:1px solid rgba(145,125,255,.15)}.v20-campaign-strip>span{font-size:20px}.v20-campaign-strip div{display:grid}.v20-campaign-strip b{font-size:12px}.v20-campaign-strip small{color:#8ea8b1;font-size:10px;margin-top:2px}.v20-cycle-switch{display:flex;justify-content:center;gap:6px;margin:12px auto 14px;padding:5px;width:max-content;border-radius:999px;background:#07141b;border:1px solid rgba(255,255,255,.07)}.v20-cycle-switch button{border:0;background:transparent;color:#78909a;border-radius:999px;padding:10px 16px;font-weight:700;font-size:11px}.v20-cycle-switch button.active{background:linear-gradient(135deg,rgba(87,236,193,.18),rgba(91,207,255,.12));color:#eafff9;box-shadow:0 0 0 1px rgba(100,242,194,.15)}.v20-cycle-switch button span{margin-left:6px;color:#74edc5;font-size:8px}
.v20-pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.v20-price-card{position:relative;min-height:390px;padding:17px;border-radius:18px;background:linear-gradient(180deg,rgba(8,27,36,.96),rgba(4,15,21,.995));border:1px solid rgba(124,203,205,.1);display:flex;flex-direction:column;transition:.22s ease;overflow:hidden}.v20-price-card:hover{transform:translateY(-5px);border-color:rgba(100,242,194,.26);box-shadow:0 24px 55px rgba(0,0,0,.27)}.v20-price-card.featured{border-color:rgba(100,242,194,.36);background:radial-gradient(circle at 50% 0,rgba(100,242,194,.12),transparent 38%),linear-gradient(180deg,rgba(8,35,42,.98),rgba(4,15,21,.995));box-shadow:0 0 0 1px rgba(100,242,194,.08),0 20px 55px rgba(0,0,0,.26)}.v20-price-card.featured:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 50%,transparent 65%);transform:translateX(-130%);animation:v20Shine 5.2s linear infinite;pointer-events:none}.popular-ribbon{margin:-17px -17px 13px;padding:8px;text-align:center;background:linear-gradient(90deg,#55eeba,#67d7ff);color:#042019;font-weight:900;font-size:9px;letter-spacing:.1em}.price-tag{font-size:8px;letter-spacing:.15em;color:#70e8c3}.v20-price-card h3{font-size:25px;margin:9px 0 3px}.plan-audience{font-size:10px;color:#718893;min-height:30px}.v20-price-card .price{display:flex;align-items:end;gap:5px;margin:13px 0 5px}.v20-price-card .price strong{font-size:27px;letter-spacing:-.04em}.v20-price-card .price small{font-size:9px;color:#6d838e;margin-bottom:4px}.annual-save{height:19px;color:#76eac4;font-size:9px}.v20-price-card ul{list-style:none;margin:10px 0 16px;padding:0;display:grid;gap:8px;flex:1}.v20-price-card li{font-size:10px;color:#94a8b0;line-height:1.4}.v20-price-card li:before{content:"✓";color:#65edc0;margin-right:7px}.button-link{display:flex!important;align-items:center;justify-content:center;text-decoration:none}
.v20-benefits-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;margin-top:10px}.v20-coupon-panel,.v20-loyalty-panel{padding:16px;border-radius:17px;background:linear-gradient(155deg,rgba(8,27,36,.9),rgba(4,15,21,.97));border:1px solid rgba(255,255,255,.065)}.v20-section-head{display:flex;justify-content:space-between;align-items:center}.v20-section-head h3{font-size:17px;margin:4px 0 10px}.v20-section-head>span{font-size:24px}.coupon-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.coupon-entry input{height:43px;border-radius:11px;border:1px solid rgba(100,242,194,.13);background:#041016;color:#effff9;padding:0 12px;outline:0;text-transform:uppercase}.coupon-entry input:focus{border-color:rgba(100,242,194,.35);box-shadow:0 0 0 3px rgba(100,242,194,.05)}.coupon-entry button{border:0;border-radius:11px;padding:0 15px;background:linear-gradient(135deg,#5cebbd,#66d9ff);color:#062018;font-weight:900}.coupon-status{font-size:9px;color:#78919a;margin-top:8px;min-height:18px}.coupon-status.success{color:#76eac4}.quick-coupons{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.quick-coupons button{border:1px dashed rgba(126,209,207,.17);background:rgba(255,255,255,.018);color:#88a4ad;border-radius:8px;padding:6px 8px;font-size:8px}.loyalty-summary{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:rgba(100,242,194,.035);border:1px solid rgba(100,242,194,.08)}.loyalty-summary b{font-size:12px}.loyalty-summary small,.loyalty-summary span{font-size:9px;color:#8098a1}.loyalty-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.loyalty-badge{display:flex;align-items:center;gap:8px;padding:8px;border-radius:11px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.018);opacity:.48}.loyalty-badge.earned{opacity:1;border-color:rgba(100,242,194,.12)}.loyalty-badge i{font-style:normal;font-size:19px}.loyalty-badge span{display:grid;min-width:0}.loyalty-badge b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loyalty-badge small{font-size:7.5px;color:#718891;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-gold.earned{box-shadow:inset 0 0 18px rgba(255,214,107,.04);border-color:rgba(255,214,107,.15)}.tier-purple.earned{border-color:rgba(140,123,255,.18)}
.billing-price-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.billing-price-preview span,.billing-price-preview strong{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.025);font-size:9px}.billing-price-preview strong{color:#6ff0c5;background:rgba(100,242,194,.065)}.payment-method-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-method-card{display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;min-height:68px!important;border-radius:14px!important;padding:11px 13px!important;border:1px solid rgba(100,242,194,.12)!important;background:linear-gradient(145deg,rgba(9,31,40,.96),rgba(5,18,24,.99))!important;color:#effbf7!important}.payment-method-card>span{font-size:24px}.payment-method-card div{display:grid;flex:1}.payment-method-card b{font-size:11px}.payment-method-card small{font-size:8px;color:#8097a0}.payment-method-card strong{font-size:9px;color:#6eecc4}.payment-method-card:hover{border-color:rgba(100,242,194,.3)!important;transform:translateY(-1px)}.bank-transfer-result{padding:14px;margin-top:10px;border-radius:15px;background:rgba(73,203,255,.05);border:1px solid rgba(91,214,255,.14)}.bank-result-head{display:flex;align-items:center;gap:10px}.bank-result-head>span{font-size:26px}.bank-result-head div{display:grid}.bank-result-head small{color:#83a0aa}.bank-kv{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.bank-kv span{display:grid;padding:9px;border-radius:10px;background:rgba(0,0,0,.18);font-size:8px;color:#78919a}.bank-kv b{font-size:10px;color:#e9f9f6;margin-top:3px;word-break:break-all}.bank-transfer-result p{font-size:9px;color:#8ea7af;margin:9px 0 0}
.v20-campaign-bar{position:fixed;right:16px;top:76px;z-index:45;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(100,242,194,.17);background:rgba(5,20,27,.94);backdrop-filter:blur(16px);color:#eafff9;box-shadow:0 14px 36px rgba(0,0,0,.28);cursor:pointer}.v20-campaign-bar b{font-size:9px}.v20-campaign-bar small{font-size:8px;color:#74e8c2}.v20-campaign-bar i{font-style:normal;color:#68dfff}
@keyframes v20Shine{0%{transform:translateX(-130%)}100%{transform:translateX(140%)}}@keyframes v20GlobeBreath{0%,100%{transform:scale(1);filter:drop-shadow(0 0 18px rgba(100,242,194,.14))}50%{transform:scale(1.035);filter:drop-shadow(0 0 36px rgba(100,242,194,.3))}}@keyframes v20StarPulse{from{opacity:.35;transform:scale(.7)}to{opacity:1;transform:scale(1.35)}}@keyframes v20Orbit{to{transform:rotate(360deg)}}
@media(max-width:1180px){.v20-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v20-price-card.featured{grid-column:span 2}.v20-benefits-grid{grid-template-columns:1fr}.loyalty-badges{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.v20-billing-modal{width:100%!important;max-height:94vh!important;padding:10px!important}.v20-billing-hero{grid-template-columns:1fr;padding:15px}.v20-billing-copy h2{font-size:29px}.v20-billing-status{display:grid;grid-template-columns:1fr auto}.v20-billing-status .billing-mode{grid-column:1/-1}.v20-pricing-grid{grid-template-columns:1fr}.v20-price-card.featured{grid-column:auto}.v20-price-card{min-height:0}.v20-benefits-grid{grid-template-columns:1fr}.loyalty-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-method-select{grid-template-columns:1fr}.bank-kv{grid-template-columns:1fr 1fr}.v20-campaign-bar{left:9px;right:9px;top:64px;justify-content:center}.v20-campaign-bar small{display:none}.v20-cycle-switch{position:sticky;top:0;z-index:3}.v20-trust-row span:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.cyber-globe,.hero-starfield span,.v20-price-card.featured:after,.v20-billing-hero:before{animation:none!important}.v20-price-card,.payment-method-card{transition:none!important}}

/* V20 account loyalty snapshot + explicit payment state */
.account-loyalty-card{margin-top:16px;padding:16px;border-radius:18px;border:1px solid rgba(96,238,193,.14);background:linear-gradient(145deg,rgba(8,29,38,.92),rgba(5,17,23,.98));box-shadow:inset 0 1px rgba(255,255,255,.02)}
.account-loyalty-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.account-loyalty-head h3{margin:4px 0 0;font-size:17px}.account-loyalty-head>span{font-size:25px;filter:drop-shadow(0 0 14px rgba(98,239,188,.22))}.account-loyalty-summary{display:grid;gap:4px;margin-top:12px;color:#9bb2ba}.account-loyalty-summary b{color:#e9fbf5}.account-loyalty-summary small,.account-loyalty-summary span{font-size:11px}.account-loyalty-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.account-badge{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(113,228,204,.13);background:rgba(255,255,255,.025);font-size:10px;font-weight:800;color:#bad3d3}.account-badge i{font-style:normal}.account-badge.tier-gold{border-color:rgba(247,205,104,.25);color:#f2d893}.account-badge.tier-purple{border-color:rgba(180,140,255,.22);color:#ceb8ff}.account-badge.tier-green{border-color:rgba(98,239,188,.22);color:#91f2cd}.payment-method-card:disabled{opacity:.42;cursor:not-allowed;transform:none!important;filter:saturate(.5)}


/* CybrSecAI 21.0 MultiPay */
.multipay-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.payment-method-card.iyzico,.payment-method-card.shopier,.payment-method-card.papara{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(8,29,38,.98),rgba(5,18,24,.99))!important;border-color:rgba(105,226,210,.13)!important}
.payment-method-card.iyzico:hover,.payment-method-card.shopier:hover,.payment-method-card.papara:hover{border-color:rgba(104,242,205,.28)!important;transform:translateY(-2px)}
.payment-method-card.provider-disabled{opacity:.48;filter:saturate(.45);cursor:not-allowed!important;transform:none!important}
.external-payment-result,.external-report-form{margin-top:12px;padding:16px;border-radius:16px;background:linear-gradient(155deg,rgba(8,29,38,.96),rgba(5,17,23,.99));border:1px solid rgba(104,238,210,.14)}
.external-result-head{display:flex;align-items:center;gap:12px}.external-result-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(98,239,188,.07);font-size:22px}.external-result-head b{display:block}.external-result-head small{display:block;color:#8299a4;margin-top:3px}
.external-result-price{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.external-result-price span{color:#8ea4ad}.external-result-price b{font-size:20px;color:#73f0c7}
.external-payment-result p,.external-report-form p{color:#8ca2ac;line-height:1.55}.external-report-form{display:grid;gap:10px}.external-report-form label{display:grid;gap:6px;color:#a8bcc3;font-size:12px}.external-report-form input{min-height:44px;border-radius:11px;border:1px solid rgba(112,224,206,.12);background:#06151d;color:#eaf7f5;padding:0 12px;outline:none}.external-report-form input:focus{border-color:rgba(98,239,188,.3);box-shadow:0 0 0 3px rgba(98,239,188,.05)}.external-report-actions{display:flex;justify-content:flex-end;gap:8px}.external-report-actions button{min-height:42px}
.billing-order-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.billing-order-actions a,.billing-order-actions button{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:9px;border:1px solid rgba(103,237,208,.15);background:rgba(99,239,190,.06);color:#aef5dd;font:inherit;text-decoration:none;cursor:pointer}.provider-wait{display:block!important;margin-top:7px!important;color:#92a8b0!important}.provider-wait.success{color:#76dfbb!important}
@media(max-width:760px){.multipay-methods{grid-template-columns:1fr!important}.external-report-actions{display:grid;grid-template-columns:1fr 1fr}.v20-trust-row{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:3px}.v20-trust-row span{flex:0 0 auto}}


/* CybrSecAI 21.0 FINAL — payment trust and finish pass */
.payment-method-card.shopier:after{content:"TEK TIK KART ÖDEME";position:absolute;top:8px;right:9px;font-size:7px;letter-spacing:.12em;font-weight:900;color:#82f6cf;background:rgba(98,239,188,.08);border:1px solid rgba(98,239,188,.18);padding:4px 6px;border-radius:999px}
.v20-trust-row span{transition:transform .18s ease,border-color .18s ease,background .18s ease}.v20-trust-row span:hover{transform:translateY(-2px);border-color:rgba(98,239,188,.24);background:rgba(98,239,188,.055)}
.billing-modal .payment-method-card{min-height:78px}.billing-modal .payment-method-card strong{white-space:nowrap}
@media(max-width:760px){.payment-method-card.shopier:after{font-size:6px;top:6px;right:6px}.billing-modal .payment-method-card{min-height:70px}}

/* V21.0 Shopier direct checkout */
.payment-method-card.shopier{box-shadow:inset 0 0 0 1px rgba(98,239,188,.04),0 0 28px rgba(98,239,188,.04)!important}.payment-method-card.shopier strong{color:#6ff2c6!important}.external-payment-result .billing-order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.external-payment-result .billing-order-actions a,.external-payment-result .billing-order-actions button{min-height:38px;border-radius:10px;padding:0 12px;border:1px solid rgba(98,239,188,.16);background:rgba(98,239,188,.06);color:#bdfae8;font-weight:800;text-decoration:none}