body:has(.buy-c3){background:#f3f6ff}

.buy-c3{width:100%;max-width:720px;padding:18px 14px 26px}
.buy-c3 .card{border-color:#e2e8f7;border-radius:16px;box-shadow:0 7px 22px rgba(70,88,154,.07)}

.checkout-resume-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:11px 12px;border:1px solid #c8d9ff;border-radius:10px;background:#f3f7ff}
.checkout-resume-notice>div:first-child{min-width:0}
.checkout-resume-notice b,.checkout-resume-notice span{display:block}
.checkout-resume-notice b{margin-bottom:3px;color:#224fba;font-size:12px}
.checkout-resume-notice span{overflow:hidden;color:#64748b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.checkout-resume-actions{display:flex;flex:0 0 auto;gap:6px}
.checkout-resume-actions button{min-height:32px;padding:6px 9px;font-size:10px;white-space:nowrap}

.buy-c3-hero{margin:0;padding:6px 0 0;text-align:center}
.buy-c3-logo{display:none}
.buy-c3-brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:15px}
.buy-c3-brand b{color:#111827;font-size:16px;line-height:1.2}
.buy-c3-brand span{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid #bed4ff;border-radius:99px;background:#f8fbff;color:#3970d8;font-size:10px;font-weight:700;line-height:1.1}
.buy-c3-brand span img{width:12px;height:12px;filter:invert(39%) sepia(97%) saturate(1262%) hue-rotate(200deg) brightness(91%)}
.buy-c3-hero h1{margin:0 0 10px;color:#111827;font-size:31px;letter-spacing:-1.2px;line-height:1.18}
.buy-c3-hero h1 em{color:#2468f2;font-style:normal}
.buy-c3-hero>p{max-width:none;margin:0 auto 28px;color:#65708a;font-size:11px;line-height:1.65}

.buy-c3-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:17px 10px 15px;border:1px solid #e2e8f7;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(71,88,150,.06);list-style:none}
.buy-c3-steps li{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px;color:#25314a;font-size:12px;font-weight:700;line-height:1.2}
.buy-c3-steps li:not(:last-child):after{position:absolute;right:-16px;top:29px;width:32px;border-top:1px dashed #b5c5e4;content:""}
.buy-c3-steps b{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:17px;background:#edf5ff}
.buy-c3-steps b img{width:39px;height:39px;filter:invert(38%) sepia(94%) saturate(1957%) hue-rotate(205deg) brightness(98%)}
.buy-c3-step-number{display:none}
.buy-c3-steps li:nth-child(2) b{border-radius:50%;background:#675be8}
.buy-c3-steps li:nth-child(2) b img{width:31px;height:31px;filter:brightness(0) invert(1)}

.buy-c3-promise{margin:12px 0;padding:12px 16px 14px;border:1px solid #d4e2ff;border-radius:15px;background:#eaf2ff}
.buy-c3-promise h2{margin:0 0 11px;color:#3164ca;font-size:12px;line-height:1.2;text-align:center}
.buy-c3-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.buy-c3-benefits>div{display:flex;min-width:0;align-items:center;gap:10px}
.buy-c3-benefits i{display:flex;flex:0 0 47px;width:47px;height:47px;align-items:center;justify-content:center;border-radius:50%;background:#3974ef}
.buy-c3-benefits i img{width:24px;height:24px;filter:brightness(0) invert(1)}
.buy-c3-benefits span,.buy-c3-benefits b,.buy-c3-benefits small{display:block}
.buy-c3-benefits b{color:#26324a;font-size:12px;line-height:1.2}
.buy-c3-benefits small{margin-top:4px;color:#5f6d88;font-size:10px;line-height:1.2}

.buy-c3-form{margin:0 0 12px;padding:17px 15px 15px}
.buy-c3-section-head{margin-bottom:11px}
.buy-c3-form-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.buy-c3-form-title>h2{margin:0;color:#1f2937;font-size:18px;line-height:1.2}
.buy-c3-referral{display:flex;align-items:center;gap:4px}
.buy-c3-referral>img{width:11px;height:11px;filter:invert(48%) sepia(64%) saturate(1885%) hue-rotate(206deg) brightness(94%)}
.buy-c3-referral>span:first-of-type,.buy-c3-referral small{display:none}
.buy-c3-referral b{color:#56658e;font-size:10px;line-height:1.2;white-space:nowrap}
.buy-c3-referral.is-error b{color:#dc2626!important}

.buy-c3 .checkout-create-grid{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 12px}
.buy-c3 .checkout-create-grid label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.buy-c3-input{position:relative}
.buy-c3-input>img{position:absolute;left:12px;top:50%;width:15px;height:15px;transform:translateY(-50%);opacity:.72;filter:invert(48%) sepia(15%) saturate(512%) hue-rotate(184deg)}
.buy-c3-input input{height:45px;padding:10px 12px 10px 38px;border-color:#dbe3f3;border-radius:8px;background:#fff;color:#26324a;font-size:12px}
.buy-c3-input input::placeholder{color:#8793aa}

.buy-c3-points-explainer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;margin:0 0 13px;padding:11px 12px;border:1px solid #d8e5ff;border-radius:9px;background:#f3f7ff}
.buy-c3-points-explainer div{display:flex;min-width:0;align-items:baseline;gap:7px}
.buy-c3-points-explainer b{color:#1f3f85;font-size:12px}
.buy-c3-points-explainer span{color:#64748b;font-size:10px}
.buy-c3-points-explainer strong{color:#2563eb;font-size:13px;white-space:nowrap}
.buy-c3-points-explainer p{grid-column:1/-1;margin:3px 0 0;color:#334155;font-size:10px;font-weight:700}
.buy-c3-points-explainer small{grid-column:1/-1;color:#7b879e;font-size:9px;line-height:1.4}

.buy-c3 .checkout-amount-field{margin:0 0 13px;padding:0;border:0}
.buy-c3 .checkout-amount-field legend{margin-bottom:8px;color:#28344c;font-size:12px;font-weight:700}
.buy-c3 .checkout-amount-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.buy-c3 .checkout-amount-option{display:flex;min-width:0;min-height:46px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 2px;border:1px solid #e0e6f2;border-radius:0;background:#fff;color:#26324a;box-shadow:none}
.buy-c3 .checkout-amount-option:first-child{border-radius:7px 0 0 7px}
.buy-c3 .checkout-amount-option:last-child{border-radius:0 7px 7px 0}
.buy-c3 .checkout-amount-option:not(:first-child){margin-left:-1px}
.buy-c3 .checkout-amount-option b{font-size:12px;line-height:1.2}
.buy-c3 .checkout-amount-option span{display:block;color:#8793aa;font-size:9px;font-weight:500;line-height:1.1}
.buy-c3 .checkout-amount-option.active span{color:#5b7fca}
.buy-c3 .checkout-amount-option.active{position:relative;border-color:#3974ef;background:#f2f7ff;color:#2c67da;box-shadow:0 0 0 1px #3974ef;z-index:1}
.buy-c3 .checkout-primary-action{min-height:46px;padding:11px;border-radius:8px;background:#2c67ed;box-shadow:0 7px 17px rgba(44,103,237,.24);font-size:13px}
.buy-c3 .checkout-safe-note{display:flex;align-items:center;justify-content:center;gap:4px;margin:9px 0 0;color:#7e8ba6;font-size:9px}
.buy-c3 .checkout-safe-note img{width:11px;height:11px;filter:invert(44%) sepia(99%) saturate(1549%) hue-rotate(202deg) brightness(96%)}

.buy-c3-contact{display:grid;grid-template-columns:124px fit-content(190px);justify-content:center;align-items:center;gap:14px;margin:0;padding:13px 15px;border:1px solid #e2e8f7;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(71,88,150,.05)}
.buy-c3-contact-referral{display:none}
.buy-c3-qr-link{display:block;width:124px;height:124px;border-radius:10px;outline-offset:3px}
.buy-c3-contact .promoter-qr{display:block;width:124px;height:124px;margin:0;padding:5px;border:1px solid #dbe5f8;border-radius:10px;background:#fff;object-fit:contain}
.buy-c3-contact>div{max-width:190px}
.buy-c3-contact div>*{display:block}
.buy-c3-contact div b{margin-bottom:6px;color:#172033;font-size:13px;line-height:1.3}
.buy-c3-contact div span{color:#657189;font-size:11px;line-height:1.4}
.buy-c3-contact div small{margin-top:5px;color:#2f66d7;font-size:11px;line-height:1.35}
.buy-c3-contact button{grid-column:2;justify-self:start;min-height:32px;margin-top:-4px;padding:6px 10px;white-space:nowrap;background:#eef3ff;color:#3970df;font-size:10px}

.buy-c3 .buy-rule-details{margin:2px 0 0;padding:5px 8px;border:0;border-radius:0;background:transparent;box-shadow:none}
.buy-c3 .buy-rule-details summary{justify-content:center;color:#64748b;font-size:10px}
.buy-c3 .buy-rule-details summary span{font-size:10px}
.buy-c3-help-links{justify-content:center;gap:10px;margin:8px 0 12px}
.buy-c3-help-links a{color:#2563eb;font-size:11px}
.buy-c3 .checkout-message-card{margin:7px 0 0;padding:8px 10px;border:0;background:transparent;box-shadow:none}
.buy-c3 .checkout-message-card p{display:flex;align-items:center;justify-content:center;gap:4px;color:#748198;font-size:10px;text-align:center}
.buy-c3 .checkout-message-card img{width:10px;height:10px;filter:invert(44%) sepia(99%) saturate(1549%) hue-rotate(202deg) brightness(96%)}
.buy-c3 .checkout-order-card{margin:0;padding:16px}

.buy-c3.is-order-view{display:block;max-width:780px}
.buy-c3.is-order-view .buy-c3-hero{padding:2px 0 12px}
.buy-c3.is-order-view .buy-c3-brand{flex-direction:row;justify-content:center;margin:0}
.buy-c3.is-order-view .buy-c3-hero h1,
.buy-c3.is-order-view .buy-c3-hero>p,
.buy-c3.is-order-view .buy-c3-steps,
.buy-c3.is-order-view .buy-c3-promise,
.buy-c3.is-order-view .buy-c3-form,
.buy-c3.is-order-view .buy-c3-contact{display:none!important}

@media(min-width:900px){
  .buy-c3:not(.is-order-view){display:grid;max-width:1000px;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"hero hero" "form contact" "message message" "rules rules";gap:0;align-items:stretch;padding:36px 20px 28px}
  .buy-c3:not(.is-order-view)>.buy-c3-hero{display:grid;grid-area:hero;grid-template-columns:auto minmax(190px,1fr) minmax(390px,430px);align-items:center;gap:24px;margin:0 0 30px;padding:0;text-align:left}
  .buy-c3:not(.is-order-view)>.buy-c3-hero .buy-c3-brand{flex-direction:row;align-items:center;gap:12px;margin:0}
  .buy-c3:not(.is-order-view)>.buy-c3-hero .buy-c3-logo{display:block;width:48px;height:48px;border-radius:12px}
  .buy-c3:not(.is-order-view)>.buy-c3-hero .buy-c3-brand b{font-size:24px;white-space:nowrap}
  .buy-c3:not(.is-order-view)>.buy-c3-hero .buy-c3-brand span{display:none}
  .buy-c3:not(.is-order-view)>.buy-c3-hero h1{margin:0;font-size:28px;letter-spacing:-.8px;white-space:nowrap}
  .buy-c3:not(.is-order-view)>.buy-c3-hero>p{display:none}
  .buy-c3:not(.is-order-view) .buy-c3-steps{display:grid;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
  .buy-c3:not(.is-order-view) .buy-c3-steps li{flex-direction:row;justify-content:center;gap:9px;font-size:14px}
  .buy-c3:not(.is-order-view) .buy-c3-steps li:not(:last-child):after{right:-15%;top:19px;width:30%;border-top:2px solid #cbd5e1}
  .buy-c3:not(.is-order-view) .buy-c3-steps b{width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;color:#64748b}
  .buy-c3:not(.is-order-view) .buy-c3-steps li:first-child b{border-color:#2563eb;background:#2563eb;color:#fff}
  .buy-c3:not(.is-order-view) .buy-c3-steps li:nth-child(2) b{border-color:#cbd5e1;background:#fff;color:#64748b}
  .buy-c3:not(.is-order-view) .buy-c3-steps b img{display:none}
  .buy-c3:not(.is-order-view) .buy-c3-step-number{display:block;font-size:15px;font-weight:800}
  .buy-c3:not(.is-order-view)>.buy-c3-promise{display:none}
  .buy-c3:not(.is-order-view)>.buy-c3-form{grid-area:form;min-height:570px;margin:0;padding:38px 40px;border-color:#e3eaf5;border-right:0;border-radius:20px 0 0 20px;background:#fff;box-shadow:0 18px 48px rgba(45,74,130,.09)}
  .buy-c3:not(.is-order-view) .buy-c3-form-title>h2{font-size:28px;letter-spacing:-.4px}
  .buy-c3:not(.is-order-view) .buy-c3-referral{display:none}
  .buy-c3:not(.is-order-view) .buy-c3-section-head{margin-bottom:24px}
  .buy-c3:not(.is-order-view) .checkout-create-grid{gap:18px;margin-bottom:24px}
  .buy-c3:not(.is-order-view) .buy-c3-input>img{left:20px;width:22px;height:22px}
  .buy-c3:not(.is-order-view) .buy-c3-input input{height:68px;padding:14px 20px 14px 62px;border-radius:12px;font-size:16px}
  .buy-c3:not(.is-order-view) .checkout-amount-field{margin-bottom:24px}
  .buy-c3:not(.is-order-view) .buy-c3-points-explainer{margin-bottom:20px;padding:13px 15px}
  .buy-c3:not(.is-order-view) .buy-c3-points-explainer b{font-size:15px}
  .buy-c3:not(.is-order-view) .buy-c3-points-explainer span{font-size:12px}
  .buy-c3:not(.is-order-view) .buy-c3-points-explainer strong{font-size:16px}
  .buy-c3:not(.is-order-view) .buy-c3-points-explainer p{font-size:12px}
  .buy-c3:not(.is-order-view) .buy-c3-points-explainer small{font-size:10px}
  .buy-c3:not(.is-order-view) .checkout-amount-field legend{margin-bottom:14px;font-size:16px}
  .buy-c3:not(.is-order-view) .checkout-amount-options{gap:12px}
  .buy-c3:not(.is-order-view) .checkout-amount-option{min-height:70px;margin-left:0!important;border-radius:12px!important}
  .buy-c3:not(.is-order-view) .checkout-amount-option b{font-size:19px}
  .buy-c3:not(.is-order-view) .checkout-amount-option span{font-size:11px}
  .buy-c3:not(.is-order-view) .checkout-primary-action{min-height:62px;border-radius:12px;font-size:20px}
  .buy-c3:not(.is-order-view) .checkout-safe-note{margin-top:14px;font-size:12px}
  .buy-c3:not(.is-order-view) .checkout-safe-note img{width:16px;height:16px}
  .buy-c3:not(.is-order-view)>.buy-c3-contact{display:flex;grid-area:contact;min-height:570px;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;margin:0;padding:38px 32px;border-color:#e3eaf5;border-radius:0 20px 20px 0;background:#fff;box-shadow:16px 18px 48px rgba(45,74,130,.07)}
  .buy-c3:not(.is-order-view) .buy-c3-contact-referral{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;order:1;padding:5px 0 30px;border-bottom:1px solid #e2e8f0;text-align:center}
  .buy-c3:not(.is-order-view) .buy-c3-contact-referral img{width:20px;height:20px;filter:invert(40%) sepia(87%) saturate(2362%) hue-rotate(230deg) brightness(87%)}
  .buy-c3:not(.is-order-view) .buy-c3-contact-referral b{margin:0;color:#192033;font-size:16px}
  .buy-c3:not(.is-order-view) .buy-c3-contact-referral.is-error b{color:#dc2626}
  .buy-c3:not(.is-order-view) .buy-c3-contact>div:not(.buy-c3-contact-referral){order:2;width:100%;max-width:none;padding:76px 0 20px;text-align:center}
  .buy-c3:not(.is-order-view) .buy-c3-contact>div:not(.buy-c3-contact-referral) b{margin-bottom:12px;font-size:20px}
  .buy-c3:not(.is-order-view) .buy-c3-contact>div:not(.buy-c3-contact-referral) span{font-size:14px;line-height:1.65}
  .buy-c3:not(.is-order-view) .buy-c3-contact>div:not(.buy-c3-contact-referral) small{font-size:14px}
  .buy-c3:not(.is-order-view) .buy-c3-qr-link{width:200px;height:200px;order:3;align-self:center;margin-top:44px}
  .buy-c3:not(.is-order-view) .buy-c3-contact .promoter-qr{width:200px;height:200px;padding:8px;border-radius:14px}
  .buy-c3:not(.is-order-view) .buy-c3-contact button{align-self:center;order:4;margin:16px 0 0;padding:9px 13px;font-size:12px}
  .buy-c3:not(.is-order-view)>.checkout-message-card{grid-area:message;margin:0}
  .buy-c3:not(.is-order-view)>.buy-rule-details{grid-area:rules;margin:0}
  .buy-c3.is-order-view{padding-top:22px}
}

@media(min-width:900px) and (max-width:1099px){
  .buy-c3:not(.is-order-view){grid-template-columns:minmax(0,1fr) 285px;padding:28px 18px 24px}
  .buy-c3:not(.is-order-view)>.buy-c3-hero{grid-template-columns:auto minmax(170px,1fr) minmax(350px,390px);gap:18px;margin-bottom:22px}
  .buy-c3:not(.is-order-view)>.buy-c3-hero .buy-c3-logo{width:40px;height:40px;border-radius:10px}
  .buy-c3:not(.is-order-view)>.buy-c3-hero .buy-c3-brand{gap:9px}
  .buy-c3:not(.is-order-view)>.buy-c3-hero .buy-c3-brand b{font-size:18px}
  .buy-c3:not(.is-order-view)>.buy-c3-hero h1{font-size:23px}
  .buy-c3:not(.is-order-view) .buy-c3-steps li{gap:6px;font-size:12px}
  .buy-c3:not(.is-order-view) .buy-c3-steps b{width:34px;height:34px}
  .buy-c3:not(.is-order-view) .buy-c3-step-number{font-size:13px}
  .buy-c3:not(.is-order-view)>.buy-c3-form{min-height:560px;padding:32px 28px}
  .buy-c3:not(.is-order-view) .buy-c3-form-title>h2{font-size:25px}
  .buy-c3:not(.is-order-view) .buy-c3-section-head{margin-bottom:22px}
  .buy-c3:not(.is-order-view) .checkout-create-grid{gap:14px;margin-bottom:20px}
  .buy-c3:not(.is-order-view) .buy-c3-input>img{left:16px;width:19px;height:19px}
  .buy-c3:not(.is-order-view) .buy-c3-input input{height:62px;padding-left:50px;font-size:14px}
  .buy-c3:not(.is-order-view) .checkout-amount-field{margin-bottom:22px}
  .buy-c3:not(.is-order-view) .checkout-amount-options{gap:8px}
  .buy-c3:not(.is-order-view) .checkout-amount-option{min-height:64px}
  .buy-c3:not(.is-order-view) .checkout-amount-option b{font-size:16px}
  .buy-c3:not(.is-order-view) .checkout-primary-action{min-height:58px;font-size:18px}
  .buy-c3:not(.is-order-view)>.buy-c3-contact{min-height:560px;padding:32px 24px}
  .buy-c3:not(.is-order-view) .buy-c3-contact-referral{padding-bottom:22px}
  .buy-c3:not(.is-order-view) .buy-c3-contact-referral b{font-size:14px}
  .buy-c3:not(.is-order-view) .buy-c3-contact>div:not(.buy-c3-contact-referral){padding:40px 0 18px}
  .buy-c3:not(.is-order-view) .buy-c3-contact>div:not(.buy-c3-contact-referral) b{font-size:17px}
  .buy-c3:not(.is-order-view) .buy-c3-qr-link,
  .buy-c3:not(.is-order-view) .buy-c3-contact .promoter-qr{width:185px;height:185px}
  .buy-c3:not(.is-order-view) .buy-c3-qr-link{margin-top:38px}
}

@media(max-width:430px){
  .buy-c3{padding:14px 10px 22px}
  .buy-c3-hero h1{font-size:29px}
  .buy-c3-benefits{gap:12px}
  .buy-c3-steps b{width:55px;height:55px}
  .buy-c3-steps b img{width:37px;height:37px}
  .buy-c3-contact{grid-template-columns:116px fit-content(180px);justify-content:center;gap:12px;padding:12px}
  .buy-c3-qr-link,.buy-c3-contact .promoter-qr{width:116px;height:116px}
  .checkout-resume-notice{align-items:stretch;flex-direction:column}
  .checkout-resume-actions button{flex:1}
  .buy-c3-points-explainer div{align-items:flex-start;flex-direction:column;gap:2px}
}
@media(max-width:340px){
  .buy-c3-contact{grid-template-columns:96px minmax(0,1fr);justify-content:stretch;gap:10px}
  .buy-c3-qr-link,.buy-c3-contact .promoter-qr{width:96px;height:96px}
}
