:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#132a4b;background:#f6f8fc;font-size:15px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:32px 32px 40px}a{color:#285bd5;text-decoration:none}a:hover{text-decoration:underline}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:70px}.brand{display:flex;align-items:center;font-size:25px;font-weight:760;letter-spacing:-.6px;color:#142a49}.brand span{color:#285bd5;margin-left:4px}.brand small{font-weight:450;font-size:13px;color:#728198;letter-spacing:0;border-left:1px solid #dbe2ed;margin-left:20px;padding-left:20px}.back-link{font-size:13px;color:#62738d;white-space:nowrap}.back-link span{margin-left:6px}
.intro{text-align:center;margin-bottom:36px}h1{font-size:34px;font-weight:720;letter-spacing:-1px;margin:0 0 16px;line-height:1.4}h2{font-size:20px;margin:0 0 16px}p{color:#6b7c94;line-height:1.7}.intro p{font-size:14px;margin:0}#notice{min-height:24px;text-align:center;color:#566b89}#notice:empty{display:none}
.account{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px;color:#697b93;margin:0 0 20px;padding:16px 20px;border:1px solid #e3e9f2;border-radius:12px;background:#fff}.account>div{display:flex;align-items:center;gap:12px}.account-label{color:#7b8ba1;font-size:12px}#phone-label{font-size:14px;font-weight:600;color:#344c70}
button,.button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:10px;padding:13px 20px;background:#285bd5;color:white;font-weight:600;min-height:48px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91b1f3;outline-offset:4px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plan{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left;color:#132a4b;background:white;border:1.5px solid #dfe6f0;border-radius:18px;padding:26px 28px 22px;box-shadow:0 3px 12px #203a5910;transition:border-color .15s,box-shadow .15s;min-width:0}
.plan:hover{border-color:#9db5e9;box-shadow:0 5px 20px #203a5915}.plan.selected{border-color:#3569df;background:#fff;box-shadow:0 0 0 2px #3569df13,0 7px 24px #25477812}
.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px;font-weight:650;min-height:29px}.plan-radio{display:block;flex-shrink:0;width:20px;height:20px;border:1.5px solid #c9d3e2;border-radius:50%;background:white}.selected .plan-radio{border-color:#3569df;background:#3569df}.selected .plan-radio:after{content:'✓';display:block;color:white;text-align:center;line-height:17px;font-size:12px}
.plan-price{display:flex;align-items:baseline;gap:4px;margin-top:27px;white-space:nowrap;font-variant-numeric:tabular-nums}.plan-price strong{font-size:50px;letter-spacing:-1.5px;line-height:1.15;font-weight:730}.currency{font-size:25px;font-weight:600;margin-right:2px}.plan-price small{font-size:14px;font-weight:400;color:#76869b;letter-spacing:0;margin-left:4px}.plan-desc{margin-top:15px;font-size:13px;font-weight:400;color:#6c7e98;line-height:1.5}.plan-foot{border-top:1px solid #edf0f6;margin-top:23px;padding-top:16px;font-size:12px;font-weight:450;color:#8390a3}em{font-style:normal;font-size:11px;font-weight:550;padding:5px 8px;background:#e9f4ed;color:#287b4e;border-radius:6px;margin-left:8px;vertical-align:middle;white-space:nowrap}
.checkout{text-align:center;margin:30px auto 32px}.checkout>button{min-width:300px;min-height:54px;background:#087c52;box-shadow:0 5px 14px #087c521a;font-size:16px}.checkout>button:hover{background:#066a45}.checkout p{margin:15px 0 0;font-size:12px;color:#8693a5}
.panel{background:white;border:1px solid #e1e8f2;border-radius:18px;padding:30px;max-width:460px;margin:22px auto;box-shadow:0 4px 20px #25477808}.panel p{margin-top:0}label{display:block;margin:18px 0 8px;font-weight:600;font-size:14px}input{width:100%;min-width:0;border:1px solid #cbd6e5;border-radius:10px;padding:13px 14px;font:inherit;min-height:48px}.secondary{background:white;color:#345278;border-color:#d2dceb}.text-button{background:transparent;color:#6e7f96;padding:10px}.code-row{display:flex;gap:10px}.code-row button{white-space:nowrap}form>button{width:100%;margin-top:22px}.small{display:block;text-align:center;font-size:13px;margin-top:20px}
.payment{text-align:center}.payment img{display:block;max-width:100%;height:auto;margin:20px auto;padding:8px;border:1px solid #edf1f6;border-radius:12px}.actions{display:flex;gap:8px;justify-content:center}.button{display:inline-block}#payment-price{font-size:26px;color:#132a4b;font-weight:650}#payment-state{font-size:14px}#history{margin-top:40px}#history h2{font-size:14px;color:#6b7c94}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #e2e8f1;font-size:12px;color:#6b7c94}footer{text-align:center;margin-top:42px;color:#96a1b0;font-size:12px}footer a{color:#6b7c94;margin-left:4px}[hidden]{display:none!important}
@media(max-width:600px){main{padding:24px 18px 32px}header{margin-bottom:48px}.brand{font-size:23px}.brand small{display:none}h1{font-size:28px;letter-spacing:-.6px}.intro{margin-bottom:26px}.intro p{font-size:12px}.account{padding:14px 16px;flex-wrap:wrap;gap:8px;font-size:12px}.account>div{gap:10px}.plans{gap:12px}.plan{padding:21px 16px 17px;border-radius:14px}.plan-head{font-size:15px;gap:6px;min-height:46px;align-items:flex-start}.plan-radio{width:18px;height:18px;margin-top:2px}.selected .plan-radio:after{line-height:15px}.plan-price{gap:2px;margin-top:18px}.plan-price strong{font-size:35px;letter-spacing:-1px}.currency{font-size:18px;margin:0}.plan-price small{font-size:12px;margin-left:2px}.plan-desc{font-size:12px;min-height:36px}.plan em{display:block;width:fit-content;margin:6px 0 0;font-size:10px;padding:4px 6px}.plan-foot{font-size:11px;margin-top:18px;padding-top:13px}.checkout{margin-top:24px}.checkout>button{width:100%;min-width:0}.checkout p{font-size:11px}.panel{padding:23px}.account-label{font-size:11px}footer{margin-top:34px}}
@media(max-width:350px){.plans{grid-template-columns:1fr}.plan-head{min-height:28px;align-items:center}.plan em{display:inline-block;margin:0 0 0 6px}.plan-desc{min-height:0}.plan-price{margin-top:12px}.plan-price strong{font-size:38px}.plan-foot{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.plan{transition:none}}