:root{font-family:Helvetica,Microsoft YaHei,Arial,sans-serif;color:#fff;background:#080f19;font-synthesis:none;--accent: #01fe91;--muted: #9da1a4;--control: rgb(255 255 255 / 12%);--gradient: linear-gradient(90deg, #27d3be, #00cc5b);color-scheme:dark}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;min-width:280px;min-height:100vh;background:url(../assets/page-bg.png) center top / 100% 100% no-repeat}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:filter .15s ease,background-color .15s ease}button:hover{filter:brightness(1.1)}p,h1,h2{margin:0}.login-page{position:relative;padding:var(--rpx-40);font-size:var(--rpx-28);background:url(../assets/page-bg.png) left top / 100% 100% no-repeat}.language-button{position:absolute;top:var(--rpx-60);inset-inline-end:var(--rpx-40);padding:0 var(--rpx-40);height:var(--rpx-75);background:#ffffff1a;border-radius:33px;display:flex;align-items:center;gap:var(--rpx-10);font-size:var(--rpx-32)}.chevron{display:inline-block;width:var(--rpx-32);height:var(--rpx-32);background:url(../assets/arrow-down.svg) center / contain no-repeat;flex-shrink:0}.country-button .chevron{width:var(--rpx-28);height:var(--rpx-28)}.welcome{position:relative;display:flex;flex-direction:column;margin-top:var(--rpx-152)}.brand-image{display:block;width:var(--rpx-150);height:var(--rpx-150);object-fit:fill}.brand-name{margin-top:var(--rpx-20);font-size:var(--rpx-28)}h1{position:relative;z-index:1;margin-top:var(--rpx-20);font-size:var(--rpx-64);line-height:normal;font-weight:550;background:linear-gradient(90deg,#01fe91 .36%,#26d3bc 33.89%);background-clip:text;-webkit-background-clip:text;color:transparent}.description{margin-top:var(--rpx-20);font-size:var(--rpx-28);line-height:normal;color:var(--muted)}.wallet-image{position:absolute;bottom:var(--rpx-70);inset-inline-end:0;width:var(--rpx-430);height:var(--rpx-302);object-fit:contain;pointer-events:none}.field-label{display:block;margin:var(--rpx-40) 0 var(--rpx-24);font-size:var(--rpx-30);line-height:normal}.phone-row{display:flex;gap:var(--rpx-20)}.country-button{flex:0 0 98px;height:var(--rpx-100);padding:0 var(--rpx-20);display:flex;align-items:center;justify-content:space-around;gap:var(--rpx-10);background:var(--control);border-radius:var(--rpx-20);font-size:var(--rpx-28)}.input-box{display:flex;align-items:center;height:var(--rpx-100);padding:0 var(--rpx-20);border-radius:var(--rpx-20);background:var(--control);min-width:0;flex:1}.input-box:focus-within{box-shadow:0 0 0 1px #01fe918c}.input-box input{width:100%;min-width:0;height:var(--rpx-70);padding:0;border:0;outline:0;background:transparent;color:#fff;font-size:var(--rpx-28)}.input-box input:focus-visible{outline:0}.input-box input::placeholder{color:#c0c4cc;opacity:1}.password-toggle{display:flex;align-items:center;justify-content:flex-start;align-self:stretch;width:calc(var(--rpx-34) + var(--rpx-10));flex-shrink:0;background:transparent;padding:0}.password-toggle img{display:block;width:var(--rpx-34);height:auto}.login-button{display:flex;align-items:center;justify-content:center;width:100%;height:var(--rpx-100);margin-top:var(--rpx-80);border-radius:var(--rpx-20);background:var(--gradient);font-size:var(--rpx-32);font-weight:550;opacity:.5}.login-button.ready{opacity:1}.auth-fields{min-inline-size:0;margin:0;padding:0;border:0}.login-button.loading{gap:10px;opacity:1;cursor:wait}.button-spinner{width:18px;height:18px;flex-shrink:0;border:2px solid rgb(255 255 255 / 35%);border-top-color:#fff;border-radius:50%;animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.auth-fields:disabled .register-button,.language-button:disabled{opacity:.5;cursor:default}.register-button{display:block;margin:var(--rpx-40) auto 0;padding:0;line-height:normal;background:transparent;color:var(--accent);font-weight:550;font-size:var(--rpx-32)}.field-error{color:#ffb2b2;font-size:13px;line-height:1.5;margin-top:8px}.input-box.invalid{box-shadow:0 0 0 1px #ff9494}.form-notice{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:min(360px,calc(100vw - 48px));padding:22px 28px;border:1px solid rgb(255 255 255 / 9%);border-radius:12px;background:#161f24f2;box-shadow:0 12px 40px #0000004d;color:#fff;font-size:15px;line-height:1.5;text-align:center;pointer-events:none}.notice-icon{width:30px;height:30px;color:var(--accent);flex-shrink:0}.notice-error .notice-icon{color:#ff9393}.toast-enter-active,.toast-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,calc(-50% + 6px))}.selection-dialog{width:100%;max-width:none;height:70dvh;max-height:70dvh;padding:0;margin:auto 0 0;border:0;border-radius:12px 12px 0 0;background:#112425;color:#fff;overflow:hidden}.selection-dialog::backdrop{background:#0006}.selection-panel{padding:var(--rpx-30);height:100%;display:flex;flex-direction:column}.selection-panel h2{font-size:var(--rpx-32);line-height:normal;font-weight:400;text-align:center;flex-shrink:0}.selection-decoration{display:block;width:var(--rpx-244);height:var(--rpx-40);margin:var(--rpx-20) auto;flex-shrink:0}.selection-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:2px;scrollbar-color:#40514f transparent;scrollbar-width:thin}.selection-option{display:flex;align-items:center;gap:var(--rpx-20);padding:var(--rpx-32);min-height:var(--rpx-64);margin-bottom:var(--rpx-8);border:1px solid transparent;border-radius:8px;background:#ffffff17;cursor:pointer;font-size:var(--rpx-28)}.selection-option.selected{background:#01fe9114;border-color:var(--accent);box-shadow:inset 0 4px 33px #01fe914d}.selection-option:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.selection-option input{appearance:none;width:16px;height:16px;margin:0;flex-shrink:0;border:1px solid #889192;border-radius:50%;margin-inline-start:auto}.selection-option input:checked{border:4px solid var(--accent);background:#101a23}.selection-option input:focus-visible{outline:0}.option-detail{color:var(--muted);margin-inline-start:auto}.option-detail+input{margin-inline-start:10px}.selection-actions{display:flex;gap:var(--rpx-30);padding-top:var(--rpx-80);flex-shrink:0}.selection-actions button{flex:1;min-height:var(--rpx-88);border-radius:36px;font-size:var(--rpx-32)}.cancel-button{background:transparent;border:1px solid var(--accent);color:var(--accent)}.confirm-button{background:linear-gradient(93deg,#00cc5b -1.35%,#0ab86d 98.09%);color:#000}.flag{display:inline-block;width:32px;height:24px;flex-shrink:0;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.flag-image{width:var(--rpx-64);height:var(--rpx-64);object-fit:fill;box-shadow:none;border-radius:0}.flag-us{background:repeating-linear-gradient(#bd3545 0 2px,#fff 2px 4px);position:relative}.flag-us:before{content:"";position:absolute;width:13px;height:13px;background:#29487b;inset:0 auto auto 0}.flag-cn{background:#da3440;position:relative}.flag-cn:after{content:"★";position:absolute;color:#f9d745;font-size:13px;top:1px;left:3px}@media(prefers-reduced-motion:reduce){button{transition:none}}@media(prefers-reduced-motion:reduce){.button-spinner{animation:none}}@media(prefers-reduced-motion:reduce){.toast-enter-active,.toast-leave-active{transition:none}}