@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.App{width:100%;height:100%;line-height:1.5}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#f8fafc;--accent-color:#06b6d4;--error-color:#ef4444;--success-color:#10b981;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#48a0e8b2;--caution-border-color:#f5576cb7;--caution-bg:#d4364b10;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--bg:linear-gradient(100deg, #8299ff 0%, #c081ff 100%);--card-bg:#fffffffa;--footer-color:#fff}[data-theme=dark]{--bg:linear-gradient(100deg, #01156e 0%, #2c0057 100%);--card-bg:#0f1024bf;--footer-color:#ffffffb2;--gradient-primary:linear-gradient(135deg, #1d45f8 0%, #5c1a9e 100%);--text-primary:#f8fafcee;--text-secondary:#8db2e6;--caution-border-color:#f5576c;--caution-bg:#d4364b15}body{background:var(--bg);color:var(--color);font-family:var(--font-family);transition:background-color .4s,color .4s}.float-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{background:#ffffff26;border-radius:50%;animation:15s linear infinite floatShape;position:absolute}.shape:first-child{width:80px;height:80px;animation-delay:0s;left:10%}.shape:nth-child(2){width:120px;height:120px;animation-delay:-5s;left:80%}.shape:nth-child(3){width:60px;height:60px;animation-delay:-10s;left:50%}@keyframes floatShape{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}.button-float{z-index:1000;width:100%;height:100vh;padding:var(--spacing-16px);justify-content:start;align-items:end;display:flex;position:absolute;top:0;left:0;overflow:hidden}ul,li,a{color:var(--color);transition:background-color .4s,color .4s,transform .4s}.theme-toggle{padding:var(--spacing-16px);color:var(--primary-color);background:var(--gradient-primary);cursor:pointer;box-shadow:var(--shadow-lg);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .4s,color .4s,transform .4s;display:flex}.theme-toggle:hover{transform:rotate(30deg)}.theme-toggle svg{width:20px;height:20px}.body{box-sizing:border-box;width:100%;height:100%;padding:3rem var(--spacing-12px);flex-direction:column;align-items:center;gap:1.5rem;display:flex;overflow:hidden auto}.container{background:var(--card-bg);width:100%;max-width:480px;padding:var(--spacing-32px) var(--spacing-20px);box-shadow:var(--shadow-sm);color:var(--text-primary);gap:var(--spacing-20px);z-index:1000;border-radius:1rem;flex-direction:column;font-size:1rem;animation:.4s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}footer{color:var(--footer-color);text-align:center;font-size:.75rem;font-weight:400;line-height:1.8}.pay-icon{background:var(--gradient-primary);width:60px;height:60px;box-shadow:var(--shadow-lg);border-radius:16px;justify-content:center;align-items:center;margin:0 auto;animation:2s infinite smpulse;display:flex}@keyframes smpulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pay-icon svg{color:#2be9a9;width:32px;height:32px}.pay-title{text-align:center;font-weight:800}.pay-link{color:var(--text-secondary);font-weight:500}.pay-subtitle{text-align:center;font-weight:300}.pay-subtitle-link{color:var(--text-secondary);font-weight:300}.text-cn{text-align:center}.text-lf{text-align:left}.list,.caution{padding:var(--spacing-12px);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:.5rem;font-weight:300}.caution{border:2px solid var(--caution-border-color);background-color:var(--caution-bg);color:var(--caution-border-color);font-weight:500}.card{gap:var(--spacing-16px);padding:var(--spacing-2px);flex-direction:column;display:flex}@media (width>=768px){.card{padding:var(--spacing-16px)}}.default-btn,.back-btn,.card-btn{width:100%;padding:var(--spacing-16px);font-size:1rem;font-family:var(--font-family);cursor:pointer;background:#06a6d2;border:none;border-radius:.5rem;font-weight:500;transition:background-color .4s,color .4s,transform .4s}.back-btn{background:var(--text-secondary)}.card-btn{margin-top:var(--spacing-8px);padding:var(--spacing-12px)}.icon-btn{cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:fit-content;height:fit-content;margin:0;padding:0;display:flex}.default-btn:hover,.card-btn:hover{background-color:#0284aa;transition:background-color .4s,color .4s,transform .4s;transform:scale(1.01)}.max-btn{color:#48a0e8b2;cursor:pointer;-webkit-user-select:none;user-select:none}.max-btn:hover{color:#0289f8}.SlideInUp{animation:.8s slideup}.SlideInDown{animation:.8s slidedown}.fadeIn{animation:.8s fadeIn}.fadeOut{animation:.8s fadeOut}@keyframes slideup{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slidedown{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}#root{width:100%;height:100%}.App{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.black-bg{background-color:#000}.blur-bg{-webkit-backdrop-filter:blur(4px)}.blur-filter{filter:blur(4px)}.white-bg{background-color:var(--white)}.font-12{font-size:var(--fontsize-12px)}.font-14{font-size:var(--fontsize-14px)}.font-20{font-size:var(--fontsize-20px)}.font-24{font-size:var(--fontsize-24px)}.font-28{font-size:var(--fontsize-28px)}.font-40{font-size:var(--fontsize-40px)}.font-60{font-size:var(--fontsize-60px)}.w-600{font-weight:600}.w-800{font-weight:800}.full-width{width:100%}.full-height{height:100%}.width-1240{width:100%;max-width:1240px}.width-960{width:100%;max-width:960px}.width-765{width:100%;max-width:765px}.width-350{width:100%;max-width:350px}.width-150{width:100%;max-width:150px}.width-01{width:10%}.width-02{width:20%}.width-03{width:30%}.width-04{width:40%}.width-05{width:50%}.width-06{width:60%}.width-07{width:70%}.width-08{width:80%}.width-09{width:90%}.mg-0{margin:var(--spacing-0px)}.mg-tp-bt-20{margin:var(--spacing-20px) 0px}.mg-tp-bt-40{margin:var(--spacing-40px) 0px}.mg-tp-bt-60{margin:var(--spacing-60px) 0px}.pd-0{padding:var(--spacing-0px)}.pd-2{padding:var(--spacing-2px)}.pd-4{padding:var(--spacing-4px)}.pd-8{padding:var(--spacing-8px)}.pd-12{padding:var(--spacing-12px)}.pd-16{padding:var(--spacing-16px)}.pd-20{padding:var(--spacing-20px)}.pd-24{padding:var(--spacing-24px)}.pd-32{padding:var(--spacing-32px)}.pd-40{padding:var(--spacing-40px)}.pd-x-12{padding:var(--spacing-12px) 0px}.pd-x-20{padding:var(--spacing-20px) 0px}.pd-x-40{padding:var(--spacing-40px) 0px}.pd-tp-bt-20{padding:var(--spacing-20px) 0px}.pd-tp-bt-40{padding:var(--spacing-40px) 0px}.pd-tp-bt-60{padding:var(--spacing-60px) 0px}.gp-0{gap:var(--spacing-0px)}.gp-2{gap:var(--spacing-2px)}.gp-4{gap:var(--spacing-4px)}.gp-8{gap:var(--spacing-8px)}.gp-12{gap:var(--spacing-12px)}.gp-16{gap:var(--spacing-16px)}.gp-20{gap:var(--spacing-20px)}.gp-24{gap:var(--spacing-24px)}.gp-32{gap:var(--spacing-32px)}.gp-40{gap:var(--spacing-40px)}.flex{display:flex}.block{display:block}.hide{display:none}.row{flex-direction:row}.col{flex-direction:column}.row-rv{flex-direction:row-reverse}.col-rv{flex-direction:column-reverse}.flex-1{flex:1}.wrap{flex-wrap:wrap}.no-wrap{flex-wrap:nowrap}.jc-sb{justify-content:space-between;justify-items:space-between}.jc-cn{justify-content:center;justify-items:center}.jc-bt{justify-content:flex-start;justify-items:flex-start}.jc-tp{justify-content:flex-end;justify-items:flex-end}.al-sb{align-items:space-between;align-content:space-between}.al-bt{align-content:flex-end;align-items:flex-end}.al-tp{align-content:start;align-items:start}.al-cn{align-content:center;align-items:center}.pos-abs{position:absolute}.pos-stc-top{position:sticky;top:0}.pos-rel{position:relative}.hide-scroll-bar{scrollbar-width:none;-ms-overflow-style:none}.hide-scroll-bar::webkit-scrollbar{display:none}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}.overflow-hidden{overflow:hidden}.spin{will-change:spin;transition:spin .3s;animation:3s infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{will-change:pulse;transition:pulse .3s;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}10%{transform:scale(1.4)}20%{transform:scale(1)}30%{transform:scale(1.4)}40%{opacity:.6;transform:scale(1)}50%{opacity:1}}.z-index-100{z-index:100}input{font-family:var(--font-family);width:100%;padding:var(--spacing-12px) var(--spacing-4px);color:var(--text-primary);background-color:#0000;border:none;outline:none;font-size:1rem;font-weight:300}input::placeholder{color:var(--border-color);font-size:1rem;font-weight:300}input:focus{background:0 0;border:none;outline:none}input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color .4s ease-out .4s;-webkit-box-shadow:inset 0 0 #fff0}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color .4s ease-out .4s;-webkit-box-shadow:inset 0 0 #fff0}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color .4s ease-out .4s;-webkit-box-shadow:inset 0 0 #fff0}input:autofill{color:var(--text-primary);background:0 0}.input{border:2px solid var(--border-color);border-radius:.5rem;padding:0 .75rem}label{color:var(--text-secondary);font-family:var(--font-family)}.error-message{color:#e74c3c;text-align:left;margin:0;font-size:.8rem}select,select:focus{appearance:none;background-color:var(--primary-color);color:var(--text-primary);border:none}.shimmer-card,.shimmer-card-light,.shimmer-card-light-short,.shimmer-card-input,.shimmer-card-label{background:linear-gradient(100deg,#e2e2e2 40%,#f8f7f7 50%,#e2e2e2 60%) 0 0/200% 100%;border-radius:.25rem;width:70%;height:40px;animation:2s linear infinite shimmer}.shimmer-card-light,.shimmer-card-input{width:100%;height:20px}.shimmer-card-light-short{width:70%;height:16px}.shimmer-card-label{border-radius:.125rem;width:30%;height:8px}.shimmer-card-input{height:40px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fontsize-100px:6.25rem;--fontsize-60px:3.75rem;--fontsize-50px:3.125rem;--fontsize-40px:2.5rem;--fontsize-32px:2rem;--fontsize-28px:1.75rem;--fontsize-24px:1.5rem;--fontsize-20px:1.25rem;--fontsize-19px:1.1875rem;--fontsize-16px:1rem;--fontsize-14px:.875rem;--fontsize-12px:.75rem;--fontweight-100:100;--fontweight-200:200;--fontweight-300:300;--fontweight-400:400;--fontweight-500:500;--fontweight-600:600;--fontweight-700:700;--Base-line-height:1;--Mid-line-height:1.2;--lg-line-height:1.5;--xl-line-height:2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary-color:#fdfeff;--background-color:#003566;--color:#fdfeff;--white-color:#fff;--btn-color:transparent;--btn-hover:#fdfeff;--btn-border:2px solid #fdfeff;--btn-hover-shadow:0px 8px 8px 8px #0035664d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border-radius-4px:.25rem;--border-radius-8px:.5rem;--border-radius-12px:.75rem;--border-radius-16px:1rem;--border-radius-24px:1.5rem;--border-radius-40px:2.5rem;--border-radius-60px:4rem;--border-radius-100px:6.25rem;--spacing-0px:0rem;--spacing-2px:.175rem;--spacing-4px:.25rem;--spacing-8px:.5rem;--spacing-12px:.75rem;--spacing-16px:1rem;--spacing-20px:1.25rem;--spacing-24px:1.5rem;--spacing-28px:1.75rem;--spacing-32px:2rem;--spacing-40px:2.5rem;--spacing-64px:4rem;--spacing-100px:6.25rem;--Anime-box-shadow:0px 8px 8px 8px #00356618;--filter:blur(4px);--backdrop-filter:blur(4px);---webkit-backdrop-filter:blur(4px);--transform:translateY(calc(100% + 24px));--transition:transform .35s cubic-bezier(.34, 1.56, .64, 1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{width:100%;height:100vh;font-family:var(--font-family);text-decoration:none;transition:background-color .4s,color .4s}ul,li,a{cursor:pointer;text-decoration:none;list-style-type:none}::selection{background:0 0}
