:root{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1b2934;background:#f7f9fc;font-synthesis:none;font-size:15px;--teal:#087f78;--teal-dark:#06685f;--muted:#687887;--border:#e1e8ee;--blue:#2663d8;--radius:18px}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}:focus-visible{outline:3px solid #81bdfb;outline-offset:3px}.site-header{height:86px;max-width:1180px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:inline-flex;align-items:center;gap:11px;color:#203041;font-size:17px;font-weight:750;letter-spacing:-.4px}.brand:hover{text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#279d98,#0d756f);font-size:22px;font-weight:800;box-shadow:0 4px 12px #07827820}.header-badge{display:flex;align-items:center;gap:7px;border:1px solid #dbe9e6;border-radius:30px;padding:7px 12px;background:#fff;font-size:12px;color:#53716f;white-space:nowrap}.status-dot{height:6px;width:6px;border-radius:50%;background:#14a68c}.public-main{width:min(100% - 40px,820px);margin:34px auto 0}.eyebrow{text-align:center;font-size:12px;letter-spacing:2px;font-weight:650;color:#648784;margin-bottom:13px}h1{text-align:center;font-size:clamp(30px,5.2vw,43px);letter-spacing:-1.2px;margin:0;color:#192d3b;font-weight:800}.hero-dot{color:#16a08e}h2,h3,p{margin-top:0}.hero-subtitle{text-align:center;color:var(--muted);line-height:1.8;margin:14px 0 30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 auto 30px}.steps>div{display:flex;justify-content:center;align-items:center;gap:11px}.step-number{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #d6e6e5;background:#eff7f6;border-radius:50%;color:#18817a;font-size:13px;font-weight:750}.steps strong{display:block;font-size:13px;font-weight:650}.steps small{display:block;font-size:11px;color:#8a969f;margin-top:5px}.notice{display:flex;gap:10px;margin:0 0 18px;background:#edf5fc;border:1px solid #d5e6f8;border-radius:12px;padding:13px 16px;color:#395c7e}.notice-symbol{border:1px solid currentColor;border-radius:50%;width:16px;height:16px;flex:none;text-align:center;line-height:14px;font-family:serif;margin-top:2px}.notice p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.6}.portal-card{max-width:660px;margin:auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 35px #273c5410;overflow:hidden}.tabs{padding:8px;display:flex;border-bottom:1px solid #e7edf1;gap:6px;background:#fcfdfe}.tab{flex:1;border:0;border-radius:10px;background:transparent;padding:13px 8px;font-weight:650;color:#758493;font-size:14px}.tab.active{background:#e9f5f3;color:var(--teal)}.tab:hover{background:#f0f5f7}.tab-panel{padding:30px 34px}.panel-heading{margin-bottom:25px}.panel-heading h2{font-size:19px;margin:0 0 8px;letter-spacing:-.3px}.panel-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}label{display:block;font-size:13px;font-weight:650;margin:0 0 9px}.required{color:#087f78}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #dce4ea;background:#fff;border-radius:10px;padding:12px 13px;color:#233747;min-height:46px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#9da9b4}input:not([type=checkbox]):focus,textarea:focus,select:focus{outline:0;border-color:#46a99f;box-shadow:0 0 0 3px #07827812}textarea{resize:vertical;line-height:1.6}.mono{font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace;letter-spacing:.3px}.field-help{font-size:12px;color:#8b97a2;line-height:1.6;margin:7px 0 21px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:42px;padding:10px 17px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:650;line-height:1.5}.button:hover{text-decoration:none}.button.primary{background:var(--teal);color:#fff;box-shadow:0 3px 7px #07827812}.button.primary:hover{background:var(--teal-dark)}.button.secondary{background:white;color:#385268;border-color:#dbe4eb}.button.secondary:hover{background:#f4f8fa}.button.danger{background:#fff5f4;color:#b74744;border-color:#f4d8d7}.button.small{font-size:12px;padding:6px 10px;min-height:32px}.full{width:100%}#progress-submit{margin-top:20px}.service-note{font-size:11px;color:#8b97a3;text-align:center;line-height:1.9;margin:15px 8px 0}.message{border-radius:10px;padding:12px 14px;margin:18px 0 0;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef5fc;color:#365977}.message.error{background:#fff1f0;color:#a33d37;border:1px solid #f8d8d3}.message.success{background:#edf8f3;color:#227555;border:1px solid #d7ecdf}.result-box{border:1px solid #d5e9e3;background:#f7fcfa;border-radius:13px;padding:21px;margin-top:25px}.result-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.result-heading h3{font-size:17px;margin:0}.result-box p{font-size:13px;color:#647c73;line-height:1.75}.success-mark{background:#d8f1e4;color:#238862;display:grid;place-items:center;height:28px;width:28px;border-radius:50%;font-weight:800}.detail-list{font-size:13px;margin:16px 0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;margin:12px 0}.detail-list dt{color:#7e8d95;white-space:nowrap}.detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0;line-height:1.6}.token-field{font-size:12px;background:#fff!important}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.button-row>.button{flex:1}.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#64776f;font-weight:400;line-height:1.6;margin-top:18px}input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px;margin:1px 0 0;flex:none}.checkbox-label+.field-help{margin-bottom:0}.badge{display:inline-flex;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:650;background:#edf1f5;color:#677989;white-space:nowrap}.badge.pending{background:#fff4d9;color:#936a0d}.badge.processing{background:#eaf2ff;color:#3a6dab}.badge.completed,.badge.unused{background:#e6f6ee;color:#25835d}.badge.failed,.badge.revoked{background:#ffeeed;color:#b85954}.badge.redeemed{background:#e9eff7;color:#60769a}.plans-section{max-width:660px;margin:28px auto 0}.plans-section h2{font-size:12px;color:#7d8d97;font-weight:500;text-align:center;margin-bottom:13px}.public-plans{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.plan-chip{flex:1;min-width:190px;border:1px solid #e3e9ef;background:#fdfefe;border-radius:12px;padding:14px 17px;max-width:100%}.plan-chip h3{font-size:13px;margin:0 0 5px;color:#47616e}.plan-chip p{font-size:12px;margin:0;color:#91a0a7;line-height:1.7;overflow-wrap:anywhere}.site-footer{text-align:center;margin:30px 0;padding-bottom:24px;color:#7d8e9a;font-size:12px;line-height:1.8}.site-footer p{margin-bottom:6px;overflow-wrap:anywhere}.muted{color:#9aa6af}.login-main{max-width:430px;width:calc(100% - 40px);margin:70px auto}.login-intro{text-align:center}.login-intro h1{font-size:29px;margin-bottom:12px}.login-intro p{font-size:13px;color:var(--muted);line-height:1.8}.login-card{padding:30px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 7px 35px #273c5410;margin-top:25px}.login-card input{margin-bottom:21px}.login-help{font-size:12px;line-height:1.9;color:#84949f;margin-top:22px}.back-link{display:block;text-align:center;font-size:12px;margin-top:22px}
@media(max-width:620px){.site-header{height:72px;padding:0 20px}.brand{font-size:15px;gap:8px}.brand-mark{height:30px;width:30px;font-size:19px}.header-badge{font-size:12px;padding:6px 9px}.public-main{margin-top:26px;width:calc(100% - 28px)}.hero-subtitle{font-size:14px;margin-bottom:24px}.steps{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.steps>div{flex-direction:column;gap:8px;text-align:center}.steps strong{font-size:13px}.steps small{font-size:12px;line-height:1.5}.tab-panel{padding:25px 20px}.panel-heading h2{font-size:18px}.result-box{padding:17px}.detail-list>div{gap:10px}.detail-list dd{font-size:13px}.button-row{gap:8px}.button-row .button{font-size:13px;padding:10px}.site-footer{font-size:13px}.login-main{margin-top:38px}.login-card{padding:25px}.notice{padding:12px}.notice p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep supporting instructions readable, including on small screens. */
.steps small,.field-help,.service-note,.site-footer,.login-help,.back-link,.plans-section h2,.plan-chip p{font-size:13px;line-height:1.8}.panel-heading p,.result-box p,.checkbox-label,.detail-list,.button,.tab,label,.plan-chip h3{font-size:14px}.badge{font-size:12px}.token-field{font-size:13px}

.verification-box{border:1px solid #dce8ed;background:#fbfdfe;border-radius:12px;padding:18px;margin-bottom:18px}.verification-box.verified{border-color:#b9dfd3;background:#f5fcf9}.verified-key-banner{display:flex;align-items:center;gap:9px;margin-bottom:17px;padding:11px 13px;border-radius:10px;background:#eaf8f2;color:#227555;font-size:13px}.verified-key-banner .success-mark{height:24px;width:24px;font-size:13px}.warning-box{border:1px solid #f0dbad;background:#fff8e9;color:#72500f;border-radius:10px;padding:12px 14px;margin:0 0 20px;font-size:13px;line-height:1.7}.warning-box strong{display:block;color:#815a0e;margin-bottom:3px}.warning-box p{margin:0;color:#775b2c}
.status-dot.offline{background:#d09b31}.secret-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.secret-input-row .button{min-width:68px}.plan-price{display:block;margin-top:10px;color:#087f78;font-size:13px}.badge.processing{background:#e8f0ff;color:#3569b5}.badge.pending{background:#fff3d6;color:#8d6617}.badge.completed{background:#e5f6ed;color:#227b55}.badge.failed{background:#fff0ef;color:#aa4d48}@media(max-width:620px){.secret-input-row{grid-template-columns:1fr}.secret-input-row .button{width:100%}}

.account-preview{border:1px solid #cde5dd;background:#f7fcfa;border-radius:12px;padding:18px;margin-top:18px}.account-preview-heading{display:flex;align-items:center;gap:9px;margin-bottom:7px}.account-preview-heading h3{font-size:16px;margin:0}.account-preview-heading .success-mark{width:24px;height:24px;font-size:13px}.account-preview-help{font-size:13px;color:#647c73;line-height:1.7;margin:0 0 14px}.account-details{margin:12px 0 16px}.account-details dd{font-weight:650;color:#284b50}.account-preview .checkbox-label{margin-top:10px}.account-preview .button{margin-top:14px}