/* Visual layer only. Checkout controls and payment states keep their behavior. */
:root{font-weight:600;background:#0c1017;color:#eef0f7;--green:#ad91ff;--muted:#a0a8bc;--border:#2c3244}
body{background:radial-gradient(ellipse at 50% 20%,#46306320,transparent 58%),#0c1017;min-height:100vh}
.header{border-color:#242b3a;height:90px}.brand{font-weight:600;letter-spacing:-.6px}.brand svg{color:#ad91ff;width:32px;height:32px}
.language{background:#10141d;border-color:#2c3244}.language button[aria-pressed=true]{background:linear-gradient(130deg,#252c3b,#1b202c)}
.currency select{background:#171c28;color:#e9e8f5;border-color:#2c3244}.intro{text-align:center;padding:45px 0 38px}.eyebrow{justify-content:center;color:#bea6fa;font-weight:600;letter-spacing:1.6px}.eyebrow span{background:#7edbb5}h1{font-size:clamp(34px,4.4vw,54px);letter-spacing:-1.6px;margin:15px 0}h1 em{color:#ad91ff}.intro>p{font-size:14px}.layout{gap:26px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.selection{padding:24px;border:1px solid #282f40;border-radius:16px;background:linear-gradient(130deg,#161c28,#11161f)}.section-heading{margin-bottom:20px}h2{font-size:16px}.step{background:#202535;color:#b2a1d6}.plan{background:linear-gradient(130deg,#1b2230,#141a24);border-color:#333a4c;padding:20px 14px}.plan:hover{border-color:#827095;transform:translateY(-2px)}.plan[aria-pressed=true]{background:linear-gradient(130deg,#30263f,#202032);border-color:#ab8cec;box-shadow:0 0 22px #a080f310}.plan{transition:border-color .2s,background .2s,transform .2s}.plan-name{font-size:14px}.price{font-size:25px}.plan-detail{color:#a0a8bc}.radio{border-color:#657088}.plan[aria-pressed=true] .radio{background:#241d35;border-color:#ad91ff}
.included{margin-top:27px}.included h3,.included strong{font-weight:600}.included h3{margin-bottom:17px}.included ul{gap:18px}.check{color:#7edbb5}.included p{font-size:12px}.note{border-color:#2c3244;font-size:12px}.note svg{color:#7edbb5}.checkout{background:linear-gradient(130deg,#1c2130,#131822);border-color:#4c3e68;box-shadow:0 0 45px #8864c912,0 20px 60px #0002;padding:24px}.checkout .section-heading{margin-bottom:23px}.checkout label{color:#c2c7d7}.checkout input{background:#10151f;border-color:#343d51;color:#eef0f7}.checkout input::placeholder{color:#909bb2}.hint{margin-bottom:20px}.order-summary{padding-top:18px}.order-summary strong{font-weight:600}.pay{background:linear-gradient(115deg,#b298ff,#997bf0);color:#171126;font-weight:600;box-shadow:inset 0 1px #ffffff24,0 4px 20px #a080f320}.pay:hover:not(:disabled){box-shadow:0 7px 24px #a080f340}.checkout-bottom{color:#9ea8bd}.status.error{color:#f5b6a1}.how{margin:36px 0;border-color:#2c3244}.how h3{font-weight:600}.how article>span{color:#b49bdf}.how>div{margin-top:18px}.how p{font-size:12px}footer{border-color:#252c3b;color:#929caf}.payment-result{background:linear-gradient(130deg,#191e2c,#11161f);border-color:#4d3e69;box-shadow:0 0 35px #8864c910}.payment-result.confirmed{border-color:#7edbb5}.payment-result.confirmed h2{color:#7edbb5}.result-close{color:#c5b1f9;border-color:#6e588f;background:#242033}.result-cancel{color:#bbc2d4;border-color:#434d63;background:transparent}.result-close:hover:not(:disabled){border-color:#b69bfa}.payment-result .cancel-hint{color:#a0a8bc}
@media(max-width:900px){.layout{grid-template-columns:1.1fr 1fr;gap:18px}.selection,.checkout{padding:20px}.plan{padding:17px}.price{font-size:24px}}
@media(max-width:650px){.layout{grid-template-columns:1fr}.header{height:78px}.intro{padding:35px 0 28px}h1{letter-spacing:-1px}.selection,.checkout{padding:20px}.brand{font-size:17px}.brand svg{width:25px}.controls{gap:6px}.how{margin:30px 0}.intro>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}