:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg: #1e2126;--surface: #252a31;--card: rgba(30, 33, 38, .38);--primary: #2aaaed;--accent: #3bbdff;--text: #ffffff;--text-muted: rgba(255, 255, 255, .57);--text-subtle: rgba(255, 255, 255, .4);color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:Onest,system-ui,sans-serif;overflow-x:hidden}html,#app{width:100%;overflow-x:hidden}img,svg{max-width:100%;height:auto}html,body{touch-action:pan-y;overscroll-behavior-x:contain}@media (max-width: 640px){main,header,footer,section,.container{max-width:100vw}}a{color:var(--accent);text-decoration:none}a:hover{opacity:.9}button{border:none;cursor:pointer}input,select,textarea{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:1rem;color:#fff6;font-family:Onest,system-ui,sans-serif;font-size:.9375rem;font-style:normal;font-weight:400;line-height:1.25rem}input::placeholder,textarea::placeholder{color:#fff6}@media (max-width: 400px){input,select,textarea{font-size:16px;line-height:1.25rem}input::placeholder,textarea::placeholder{font-size:16px}}#app{min-height:100vh}.payment-select{position:relative;z-index:40}.payment-select .current{width:100%;height:48px;display:grid;grid-template-columns:0px 1fr auto;align-items:center;padding:0 12px;border-radius:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fff;transition:background .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1);column-gap:0}.payment-select.selected .current{grid-template-columns:auto 1fr auto;column-gap:8px}.payment-select .current:hover{background:#ffffff14}.payment-select .current .value{color:#fff6;text-align:left;font-family:Onest,system-ui,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:20px}.payment-select.selected .current .value{color:#fff;text-align:left}.payment-select .current .current-icon{width:40px;height:40px;margin-right:8px;color:#ffffff8c;flex-shrink:0}.payment-select .current .current-icon.placeholder{opacity:0;width:0;margin-right:0;overflow:hidden}.payment-select .current .current-icon svg{width:40px;height:40px;display:block}.payment-select .current .chevron{opacity:.6;transition:transform .22s cubic-bezier(.22,1,.36,1);display:inline-grid;place-items:center;width:19px;height:19px}.payment-select .current .chevron svg{width:19px;height:19px;display:block}.payment-select.open .current .chevron{transform:rotate(180deg)}.payment-options{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#1e212661;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:6px;box-shadow:0 10px 30px #00000047;overflow:hidden;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background-clip:padding-box;will-change:opacity,transform,max-height;z-index:41}.payment-option{width:100%;text-align:left;background:transparent;border:none;border-radius:8px;padding:10px 12px;color:#fff6;font-family:Onest,system-ui,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:20px;display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;transition:color .22s cubic-bezier(.22,1,.36,1),background .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);will-change:background,transform}.payment-option+.payment-option{margin-top:6px}.payment-option:hover{color:#fff9;background:#ffffff14;transform:translateY(-1px)}.payment-option.selected{color:#fff}.payment-option .name{font-weight:400}.payment-option .name .commission{margin-left:8px;font-size:13px;color:#fff9;font-weight:500}.payment-option .fee{font-size:15px;line-height:20px;color:#fff6;font-weight:400}.payment-option .icon{width:40px;height:40px;display:inline-grid;place-items:center;color:#ffffff8c;flex-shrink:0}.payment-option .icon svg{width:40px;height:40px;display:block}.current-icon img,.payment-option .icon img{width:40px;height:40px;display:block;object-fit:contain}.menu-enter-from,.menu-leave-to{opacity:0;max-height:0;transform:translateY(6px) scale(.98)}.menu-enter-active,.menu-leave-active{transition:opacity .24s cubic-bezier(.22,1,.36,1),max-height .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1)}.menu-enter-to,.menu-leave-from{opacity:1;max-height:320px;transform:translateY(0) scale(1)}
