/* S21 Stripe Billing v6.0 */
.stripe-kicker{display:inline-flex;align-items:center;gap:8px;color:#7ffbf7;font-size:11px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}
.stripe-notice{max-width:1180px;margin:14px auto;padding:14px 16px;border-radius:14px;border:1px solid rgba(19,244,241,.24);background:rgba(19,244,241,.07);color:#dffcff;font-weight:800}.stripe-notice.ok{border-color:rgba(23,230,162,.35);background:rgba(23,230,162,.08);color:#bfffe8}.stripe-notice.error{border-color:rgba(255,61,87,.42);background:rgba(255,61,87,.09);color:#ffd4dc}
.pricing-page{min-height:calc(100vh - 70px);padding:72px 30px 90px;background:radial-gradient(circle at 14% 6%,rgba(19,244,241,.10),transparent 28%),radial-gradient(circle at 86% 18%,rgba(124,92,255,.11),transparent 27%),linear-gradient(180deg,#050b17 0%,#071426 60%,#050a14 100%)}
.pricing-hero{max-width:900px;margin:0 auto 46px;text-align:center}.pricing-hero h1{margin:14px 0 14px;font-size:56px;line-height:1.02;letter-spacing:-2px}.pricing-hero p{font-size:18px;color:#a8bdcf;max-width:820px;margin:0 auto 26px}
.billing-toggle{display:inline-flex;gap:4px;padding:5px;border:1px solid rgba(111,177,214,.22);background:rgba(6,18,34,.88);border-radius:15px}.billing-toggle button{border:0;background:transparent;color:#94aabd;border-radius:11px;padding:11px 18px;font-weight:900;cursor:pointer}.billing-toggle button.active{background:linear-gradient(135deg,#13f4f1,#0bbfda);color:#00151c;box-shadow:0 0 28px rgba(19,244,241,.28)}.billing-toggle button span{display:inline-flex;margin-left:5px;padding:2px 7px;border-radius:999px;background:rgba(23,230,162,.15);color:#73f6c5;font-size:10px}
.pricing-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;padding:28px;border-radius:25px;border:1px solid rgba(82,151,192,.24);background:linear-gradient(155deg,rgba(14,31,53,.96),rgba(5,14,27,.98));box-shadow:0 22px 70px rgba(0,0,0,.24);overflow:hidden}.pricing-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 4%,rgba(19,244,241,.10),transparent 28%);pointer-events:none}.pricing-card.featured{border-color:rgba(19,244,241,.62);transform:translateY(-8px);box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 46px rgba(19,244,241,.12)}.pricing-badge{position:absolute;right:18px;top:18px;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#13f4f1,#7c5cff);color:#00121b;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.stripe-plan-code{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;border:1px solid rgba(19,244,241,.22);color:#73f8f5;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.pricing-card h2{font-size:28px;margin:18px 0 8px}.pricing-tagline{min-height:48px;color:#a6bbcd}.pricing-price{display:flex;align-items:flex-end;gap:10px;margin:22px 0 8px}.pricing-price strong{font-size:52px;line-height:.9;color:#fff;letter-spacing:-2px}.pricing-price span{font-size:13px;color:#8fa8bf;font-weight:900;line-height:1.25}.pricing-price small{color:#8fa8bf}.pricing-saving{min-height:22px;color:#64efbf;font-size:12px;font-weight:900}.pricing-description{min-height:68px;font-size:14px}.pricing-card ul{list-style:none;padding:0;margin:10px 0 24px;display:grid;gap:11px;flex:1}.pricing-card li{display:flex;gap:9px;color:#c9d8e4;font-size:14px}.pricing-card li span{color:#17e6a2;font-weight:1000}.pricing-actions .btn{width:100%}
.pricing-trust{max-width:1280px;margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pricing-trust>div{padding:18px;border-radius:16px;border:1px solid rgba(82,151,192,.18);background:rgba(7,20,36,.72)}.pricing-trust b,.pricing-trust span{display:block}.pricing-trust span{margin-top:4px;color:#8fa8bf;font-size:12px}
.home-pricing-section{max-width:1380px;margin:0 auto;padding:30px 48px 90px}.home-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-pricing-card{position:relative;padding:24px;border-radius:22px;border:1px solid rgba(148,163,184,.17);background:linear-gradient(145deg,rgba(12,27,45,.92),rgba(8,17,30,.94));display:flex;flex-direction:column;min-height:300px}.home-pricing-card.featured{border-color:rgba(19,244,241,.5);box-shadow:0 0 38px rgba(19,244,241,.10)}.home-pricing-card h3{font-size:25px;margin:15px 0 7px}.home-pricing-card p{flex:1}.home-pricing-amount{display:flex;align-items:baseline;gap:8px}.home-pricing-amount b{font-size:34px}.home-pricing-card>small{margin:5px 0 18px}.home-pricing-card .btn{width:100%}
.stripe-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;margin-bottom:14px;border-radius:20px;border:1px solid rgba(19,244,241,.22);background:linear-gradient(115deg,rgba(19,244,241,.08),rgba(124,92,255,.07))}.stripe-admin-hero h2{margin:8px 0 5px;font-size:27px}.stripe-admin-hero p{margin:0}.stripe-mode-pill{padding:10px 14px;border-radius:999px;font-size:12px;font-weight:1000;letter-spacing:.12em}.stripe-mode-pill.test{background:rgba(255,159,10,.12);border:1px solid rgba(255,159,10,.35);color:#ffc96e}.stripe-mode-pill.live{background:rgba(23,230,162,.12);border:1px solid rgba(23,230,162,.35);color:#6af5bf}
.stripe-settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:16px;margin-bottom:22px}.stripe-settings-card,.stripe-webhook-card{padding:20px}.stripe-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.stripe-card-head h2,.stripe-card-head h3{margin:5px 0}.stripe-card-head p{margin:4px 0}.stripe-form-grid{display:grid;gap:12px}.stripe-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stripe-key-block{margin:14px 0;padding:14px;border-radius:15px;border:1px solid rgba(82,151,192,.18);background:rgba(5,17,32,.56)}.stripe-key-block>b,.stripe-key-block>small{display:block}.stripe-key-block>small{margin:3px 0 10px}.stripe-checks{display:grid;gap:9px;margin:14px 0}.stripe-checks.inline{display:flex;flex-wrap:wrap;gap:14px}.stripe-checks label{display:flex;align-items:center;gap:8px;color:#b8cada;font-size:12px;font-weight:700}.stripe-copy-row{padding:12px;border-radius:12px;background:#06101f;border:1px solid rgba(19,244,241,.18);overflow:auto}.stripe-copy-row code,.stripe-price-ids small{color:#7ffbf7}.stripe-event-list{display:grid;gap:7px;padding-left:18px;color:#b7cad9}.stripe-plans-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0 14px}.stripe-plans-toolbar h2{margin:0 0 4px}.stripe-plans-toolbar p{margin:0}.stripe-admin-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stripe-plan-editor{padding:18px}.stripe-plan-editor.featured{border-color:rgba(19,244,241,.45)}.stripe-plan-editor textarea{resize:vertical}.stripe-price-ids{display:grid;gap:4px;padding:10px 0}.stripe-price-ids small{word-break:break-all;font-size:10px}
.subscription-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-bottom:22px}.subscription-current-card,.subscription-security-card{padding:22px}.subscription-status{padding:9px 11px;border-radius:999px;font-size:11px;font-weight:1000}.status-active,.status-trialing,.status-trial{background:rgba(23,230,162,.12);border:1px solid rgba(23,230,162,.35);color:#6af5bf}.status-past_due,.status-incomplete{background:rgba(255,159,10,.12);border:1px solid rgba(255,159,10,.35);color:#ffc96e}.status-canceled,.status-unpaid{background:rgba(255,61,87,.12);border:1px solid rgba(255,61,87,.35);color:#ff9aad}.subscription-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.subscription-metrics>div{padding:13px;border-radius:13px;background:rgba(5,17,32,.62);border:1px solid rgba(82,151,192,.15)}.subscription-metrics small,.subscription-metrics b{display:block}.subscription-metrics b{margin-top:5px}.subscription-help{font-size:12px}.subscription-security-card ul{list-style:none;padding:0;display:grid;gap:13px}.subscription-security-card li{display:flex;gap:9px}.subscription-security-card li span{color:#17e6a2}.stripe-empty-state{padding:22px 0}.subscription-mini-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.subscription-mini-plans article{padding:18px}.subscription-mini-plans article.featured{border-color:rgba(19,244,241,.45)}.subscription-mini-plans article>div{display:inline-flex;align-items:baseline;gap:5px;margin-right:15px}.subscription-mini-plans article>div b{font-size:22px}.subscription-mini-plans article>div small{font-size:10px}
.stripe-success-card{max-width:920px;margin:30px auto;padding:46px;text-align:center;border-radius:28px;border:1px solid rgba(19,244,241,.32);background:linear-gradient(145deg,rgba(13,31,51,.97),rgba(5,14,27,.98));box-shadow:0 30px 90px rgba(0,0,0,.36)}.stripe-success-icon{width:76px;height:76px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:rgba(23,230,162,.12);border:1px solid rgba(23,230,162,.45);color:#42f4b3;font-size:36px;font-weight:1000;box-shadow:0 0 35px rgba(23,230,162,.16)}.stripe-success-icon.error{background:rgba(255,61,87,.12);border-color:rgba(255,61,87,.45);color:#ff8da1}.stripe-success-card h1{font-size:42px;margin:14px 0}.stripe-success-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.stripe-success-details>div{padding:15px;border-radius:15px;background:#071426;border:1px solid rgba(82,151,192,.16)}.stripe-success-details small,.stripe-success-details b{display:block}.stripe-success-details b{margin-top:6px;word-break:break-word}.stripe-success-card .clean-actions{justify-content:center}
.register-smart{padding-top:50px}.register-card{max-width:660px}.register-selected-plan{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:15px;background:rgba(19,244,241,.07);border:1px solid rgba(19,244,241,.22);margin:14px 0}.register-selected-plan small,.register-selected-plan b,.register-selected-plan span{display:block}.register-selected-plan b{font-size:18px;margin:3px 0}.register-selected-plan a{color:#13f4f1;font-weight:900}.register-agree{display:flex;gap:9px;align-items:flex-start;margin:14px 0;color:#aebfd0}.register-benefits{padding:28px}.register-benefits h2{font-size:34px}.register-benefits ul{list-style:none;padding:0;display:grid;gap:15px}.register-benefits li{display:flex;gap:12px;align-items:center}.register-benefits li>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(19,244,241,.08);border:1px solid rgba(19,244,241,.25);color:#7ffbf7;font-weight:1000}.register-benefits li b,.register-benefits li small{display:block}
@media(max-width:1100px){.pricing-grid,.stripe-admin-plans{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-trust,.home-pricing-grid,.subscription-mini-plans{grid-template-columns:1fr}.stripe-settings-grid,.subscription-overview{grid-template-columns:1fr}.subscription-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.pricing-page{padding:48px 16px 70px}.pricing-hero h1{font-size:38px}.pricing-grid{gap:14px}.pricing-card{padding:22px}.pricing-price strong{font-size:44px}.stripe-form-grid.two{grid-template-columns:1fr}.stripe-admin-hero,.stripe-plans-toolbar{align-items:flex-start;flex-direction:column}.subscription-metrics,.stripe-success-details{grid-template-columns:1fr}.home-pricing-section{padding-left:18px;padding-right:18px}.stripe-success-card{padding:28px 20px}.stripe-success-card h1{font-size:32px}}
