:root{--bg:#f5f0e8;--panel:#fffcf7eb;--panel-soft:#fbf8f3;--line:#e4d8c6;--line-strong:#d6c3aa;--text:#1f1a14;--muted:#6f665c;--primary:#357163;--primary-strong:#2a6a5b;--success:#13795b;--warning:#a16207;--danger:#b42318;--info:#2563eb;--shadow-lg:0 24px 56px #1520301a;--shadow-md:0 14px 34px #1520300f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 0 0,#35716324,#0000 26%),radial-gradient(circle at 85% 15%,#b1854f1f,#0000 22%),linear-gradient(#f8f4ed 0%,#f3ede2 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}code{color:#344054;background:#eef2f7;border-radius:8px;padding:2px 6px;font-size:.92em}#app{min-height:100vh}.public-shell{align-items:center;min-height:100vh;padding:12px 18px;display:grid;position:relative;overflow:hidden auto}.public-orb{filter:blur(16px);opacity:.5;pointer-events:none;border-radius:999px;width:360px;height:360px;position:fixed}.public-orb--left{background:radial-gradient(circle,#3571632e,#0000 68%);top:-120px;left:-100px}.public-orb--right{background:radial-gradient(circle,#b1854f2e,#0000 68%);top:180px;right:-140px}.public-main{width:min(1180px,100%);margin:0 auto}.public-main--compact,.public-stage{justify-items:center;display:grid}.flow-card{width:min(100%,700px);box-shadow:var(--shadow-lg);background:#fffffff0;border:1px solid #d8e1ebf2;border-radius:34px;overflow:hidden}.flow-card--uniform{flex-direction:column;width:min(700px,100vw - 36px);min-height:min(790px,100vh - 32px);display:flex}.flow-card--home{width:min(680px,100vw - 36px);min-height:min(790px,100vh - 32px)}.flow-card--token{width:min(700px,100vw - 36px)}.flow-card--final-stage{width:min(720px,100vw - 36px);min-height:auto}.flow-card__top{text-align:center;justify-items:center;gap:10px;padding:28px 24px 22px;display:grid}.flow-card__top--home{gap:14px;padding-top:42px;padding-bottom:30px}.flow-card__logo{width:clamp(120px,17vh,160px);height:clamp(120px,17vh,160px);display:block}.flow-card__eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.flow-card__title{max-width:680px;margin:0;font-size:clamp(30px,4vw,54px);line-height:1.08}.flow-card__title--home{font-size:clamp(34px,4.4vw,54px)}.flow-card__tag{color:#667085;background:linear-gradient(#fff,#f8fafc);border:1px solid #e3e8ef;border-radius:999px;justify-content:center;align-items:center;max-width:100%;min-height:38px;padding:0 16px;font-size:14px;font-weight:700;line-height:1.4;display:inline-flex}.flow-card__progress-wrap{padding:12px 34px 18px}.flow-card__progress-wrap--token{padding-top:34px;padding-bottom:26px}.flow-card__progress-wrap--home{padding-top:24px;padding-bottom:28px}.flow-stepper{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.flow-stepper:before,.flow-stepper:after{content:"";border-radius:999px;height:4px;position:absolute;top:22px;left:7%}.flow-stepper:before{background:#dbe3ea;right:7%}.flow-stepper:after{width:calc((86% * var(--flow-progress,0)) / 100);background:linear-gradient(135deg, var(--primary), var(--primary-strong))}.flow-step{z-index:1;text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.flow-step__circle{color:#98a2b3;background:#fff;border:3px solid #dbe3ea;border-radius:999px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.flow-step__label{color:#7d8da1;max-width:92px;font-size:14px;font-weight:800;line-height:1.45}.flow-step--active .flow-step__circle,.flow-step--complete .flow-step__circle{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;border-color:#0000;box-shadow:0 0 0 6px #16775f1f}.flow-step--active .flow-step__label,.flow-step--complete .flow-step__label{color:var(--primary)}.flow-card__divider{border-top:1px solid #edf1f5}.flow-card__body{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:22px 32px 24px;display:flex}.flow-card__body--home{justify-content:space-evenly;gap:24px;padding:30px 28px 34px}.flow-card__body--token{justify-content:center;gap:22px;padding-top:26px;padding-bottom:34px}.flow-input-panel,.flow-result-panel{width:100%;box-shadow:var(--shadow-md);background:#fffffff5;border:1px solid #e4eaf1;border-radius:22px;padding:24px}.flow-panel--stable{flex:0 auto;min-height:0}.flow-input-panel--home{flex:none;width:min(100%,540px);margin:0 auto}.flow-label{color:var(--text);margin-bottom:10px;font-size:15px;font-weight:800;display:block}.token-guide-card .flow-label{color:#1f2937;margin-bottom:10px;font-size:15px;font-weight:800}.flow-label--spaced{margin-top:18px}.flow-input,.flow-textarea{width:100%;color:var(--text);background:#fff;border:1px solid #d9e2eb;border-radius:18px;outline:none;padding:15px 16px;font-size:16px;transition:border-color .18s,box-shadow .18s}.flow-input::placeholder,.flow-textarea::placeholder{color:#98a2b3}.flow-input:focus,.flow-textarea:focus{border-color:#16775f73;box-shadow:0 0 0 4px #16775f17}.flow-note{background:var(--panel-soft);color:var(--muted);border:1px solid #e2e8f0;border-radius:16px;margin-top:14px;padding:12px 14px;font-size:14px;line-height:1.7}.flow-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.flow-card__footer--home{width:min(100%,540px);margin:0 auto}.flow-card__footer--center{justify-content:center;margin-top:16px}.flow-card__footer--final-stage{width:min(100%,500px);margin:0 auto}.flow-card__body--done-stage{justify-content:center;gap:26px;padding-top:22px;padding-bottom:42px}.btn,.flow-link-button{border:0;border-radius:14px;min-height:46px;padding:0 18px;font-weight:800}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;box-shadow:0 14px 28px #0f5f4c33}.btn-secondary{border:1px solid var(--line);color:var(--text);background:#fff}.flow-primary-button,.token-primary-button{min-width:160px}.flow-link-button{color:var(--primary);background:0 0}.result-box{margin-top:14px}.alert{border:1px solid #0000;border-radius:16px;gap:6px;padding:14px 16px;display:grid}.alert strong{font-size:14px}.alert span{color:var(--muted);line-height:1.7}.alert-success{background:#13795b14;border-color:#13795b2e}.alert-warning{background:#a162071a;border-color:#a1620733}.alert-error{background:#b4231814;border-color:#b423182e}.alert-info{background:#2563eb14;border-color:#2563eb2e}.token-guide-card{background:#fffffff5;border-color:#e2e8f0;flex-direction:column;gap:0;padding:26px 28px 22px;display:flex;overflow:visible}.token-guide-card__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.token-guide-card__title,.confirm-account-panel__title,.recharge-progress-panel__title,.recharge-success-card__title{letter-spacing:0;margin:0;font-size:28px;line-height:1.12}.token-guide-card__title{font-size:22px}.token-guide-card__label{margin-top:18px}.token-guide-footer{margin-top:2px}.token-back-button{min-width:136px}.token-video-button{border-radius:16px;min-width:112px;min-height:44px;font-size:15px;box-shadow:0 14px 28px #0f5f4c2e}.token-guide-step{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:8px 0;display:grid;position:relative}.token-guide-step+.token-guide-step{border-top:1px solid #edf1f5;margin-top:8px;padding-top:16px}.token-guide-step--done{background:0 0}.token-guide-step--locked{box-shadow:none;background:0 0}.token-guide-step__line{align-items:flex-start;gap:14px;min-width:0;display:flex}.token-guide-step__check{color:#0000;background:#fff;border:2px solid #d9e2eb;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;margin-top:1px;font-size:0;font-weight:900;transition:background .18s,border-color .18s,box-shadow .18s,color .18s;display:grid;position:relative}.token-guide-step__check:after{content:"";border-bottom:3px solid #0000;border-right:3px solid #0000;width:8px;height:13px;transform:rotate(42deg)translate(-1px,-1px)}.token-guide-step__check--done{background:linear-gradient(135deg, var(--primary), var(--primary-strong));border-color:#0000;box-shadow:0 0 0 5px #3571631f,0 10px 20px #2a6a5b2e}.token-guide-step__check--done:after{border-color:#fff}.token-guide-step__content{min-width:0;color:var(--text);line-height:1.55;display:block}.token-guide-step__content strong{font-size:16px;font-weight:800;line-height:1.35}.token-guide-step__content span{color:#607089;white-space:nowrap;font-size:15px;font-weight:500}.token-guide-step--locked .token-guide-step__content strong,.token-guide-step--locked .token-guide-step__content span{color:#98a2b3}.token-guide-step__action{white-space:nowrap;border-radius:16px;justify-self:end;min-width:132px;min-height:44px;padding:0 18px;font-size:15px}.token-guide-step__action--done{color:var(--primary-strong);box-shadow:none;background:#35716314;border:1px solid #35716329}.token-guide-step__action--locked{color:#a0aab8;box-shadow:none;background:#f4f7fadb;border:1px solid #d9e2ebc7}.token-guide-textarea{min-height:clamp(128px,18vh,178px);font-size:15px;line-height:1.55}.confirm-account-panel{align-content:center;gap:14px;display:grid;overflow:auto}.confirm-account-panel--final{width:min(100%,560px);margin:0 auto}.confirm-account-panel__title--compact{text-align:center}.confirm-account-card{background:#fff;border:1px solid #e5ebf1;border-radius:18px;gap:8px;padding:16px 18px;display:grid}.confirm-account-card span,.confirm-account-card small{color:#7a8697;font-size:14px}.confirm-account-card strong{word-break:break-word;font-size:17px;line-height:1.45}.submit-reminder{border:1px solid #0000;border-radius:18px;gap:8px;padding:14px 16px;display:grid}.submit-reminder span{font-size:14px;line-height:1.7}.submit-reminder--info{color:var(--primary);background:#16775f14;border-color:#16775f2e}.recharge-progress-panel,.recharge-success-panel{place-items:center;padding:24px;display:grid}.recharge-progress-panel--compact,.recharge-success-panel--compact{width:min(100%,480px);box-shadow:none;background:0 0;border:0;margin:0 auto}.recharge-progress-panel__badge,.recharge-success-card__badge{width:88px;height:88px;color:var(--primary);background:#16775f1a;border-radius:999px;place-items:center;font-size:42px;font-weight:900;display:grid}.recharge-progress-panel__title,.recharge-success-card__title{text-align:center;margin-top:18px}.recharge-progress-panel__desc,.recharge-success-card__desc,.recharge-success-card__time{color:var(--muted);text-align:center;margin:10px 0 0;line-height:1.7}.recharge-progress-track{background:#e8edf2;border-radius:999px;width:100%;height:12px;margin-top:28px;overflow:hidden}.recharge-progress-fill{border-radius:inherit;background:linear-gradient(135deg, var(--primary), var(--primary-strong));height:100%;transition:width .28s;display:block}.recharge-success-card{width:min(480px,100%);box-shadow:var(--shadow-md);background:#fff;border:1px solid #e7edf3;border-radius:24px;justify-items:center;padding:30px;display:grid}.toast-host{z-index:1000;gap:10px;display:grid;position:fixed;top:18px;right:18px}.toast{color:#fff;opacity:0;border-radius:14px;min-width:220px;max-width:360px;padding:12px 16px;transition:all .18s;transform:translateY(-8px);box-shadow:0 20px 40px #151c282e}.toast.visible{opacity:1;transform:translateY(0)}.toast-info{background:#2563ebf0}.toast-success{background:#13795bf0}.toast-warning{background:#a16207f0}.toast-error{background:#b42318f2}@media (width<=768px){.public-shell{align-items:start;padding:12px}.flow-card,.flow-card--uniform,.flow-card--home,.flow-card--final-stage{border-radius:22px;width:100%;min-height:auto}.flow-card__top{padding:28px 18px 18px}.flow-card__logo{width:82px;height:82px}.flow-card__tag{min-height:auto;padding:8px 12px}.flow-card__progress-wrap,.flow-card__body{padding-left:16px;padding-right:16px}.flow-stepper:before{left:10%;right:10%}.flow-stepper:after{width:calc((80% * var(--flow-progress,0)) / 100);left:10%}.flow-step__circle{width:42px;height:42px}.flow-step__label{max-width:78px;font-size:12px}.flow-input-panel,.flow-result-panel{padding:18px 16px}.token-guide-card__head{flex-direction:column;align-items:stretch;margin-bottom:16px}.token-guide-step{grid-template-columns:1fr;gap:14px;padding:16px}.token-guide-step+.token-guide-step{margin-top:14px}.token-guide-step__action{justify-self:stretch;width:100%}.flow-card__footer{flex-direction:column;align-items:stretch}.flow-link-button,.btn,.flow-primary-button,.token-back-button,.token-primary-button,.token-video-button{width:100%}.toast-host{left:12px;right:12px}.toast{max-width:none}}@media (width>=769px) and (height<=820px){.public-shell{padding-top:10px;padding-bottom:10px}.flow-card--uniform,.flow-card--home{min-height:calc(100vh - 24px)}.flow-card__top--home{gap:6px;padding-top:16px;padding-bottom:10px}.flow-card__logo{width:clamp(96px,15vh,128px);height:clamp(96px,15vh,128px)}.flow-card__title--home{font-size:clamp(28px,3.6vw,42px)}.flow-card__tag{min-height:34px;font-size:13px}.flow-card__progress-wrap{padding-top:10px;padding-bottom:12px}.flow-card__progress-wrap--token{padding-top:18px;padding-bottom:14px}.flow-card__body{gap:12px;padding-top:18px;padding-bottom:18px}.flow-card__body--token{justify-content:center;gap:16px;padding-top:18px;padding-bottom:24px}.flow-card__body--home{gap:16px;padding-top:18px;padding-bottom:18px}.flow-card__body--done-stage{gap:18px;padding-top:12px;padding-bottom:26px}.token-guide-card{padding-top:20px;padding-bottom:18px}.token-guide-card__head{margin-bottom:12px}.token-guide-card__title{font-size:28px}.token-guide-step{padding-top:13px;padding-bottom:13px}.token-guide-step+.token-guide-step{margin-top:10px}.token-guide-card__label{margin-top:14px}.token-guide-textarea{min-height:118px}}@media (width>=769px) and (height<=700px){.public-shell{padding-top:8px;padding-bottom:8px}.flow-card--uniform,.flow-card--home{min-height:calc(100vh - 18px)}.flow-card__top--home{gap:5px;padding-top:12px;padding-bottom:8px}.flow-card__logo{width:clamp(72px,13vh,96px);height:clamp(72px,13vh,96px)}.flow-card__title--home{font-size:clamp(24px,3.1vw,34px);line-height:1.04}.flow-card__tag{min-height:30px;padding:0 12px;font-size:12px}.flow-card__progress-wrap,.flow-card__progress-wrap--home,.flow-card__progress-wrap--token{padding-top:10px;padding-bottom:10px}.flow-stepper:before,.flow-stepper:after{top:17px}.flow-step{gap:6px}.flow-step__circle{border-width:2px;width:36px;height:36px;font-size:15px}.flow-step--active .flow-step__circle,.flow-step--complete .flow-step__circle{box-shadow:0 0 0 5px #16775f1a}.flow-step__label{max-width:76px;font-size:12px;line-height:1.25}.flow-card__body,.flow-card__body--home,.flow-card__body--token{gap:12px;padding-top:14px;padding-bottom:14px}.flow-input-panel,.flow-result-panel{border-radius:20px;padding:18px}.flow-label{margin-bottom:8px;font-size:14px}.flow-input,.flow-textarea{border-radius:16px;padding:12px 14px;font-size:14px}.flow-note{margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.45}.btn,.flow-link-button{min-height:40px;font-size:14px}}