:root{--primary-color: #208000;--primary-dark: #186A00;--secondary-color: #800020;--secondary-dark: #6A0018;--background: #F7F8FA;--card-background: #FFFFFF;--text-primary: #191919;--text-secondary: #646464;--text-tertiary: #B2B2B2;--border-color: #E5E5E5;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .04);--shadow-medium: 0 12px 48px rgba(0, 0, 0, .08);--spacing: 32px;--radius-small: 12px;--radius-medium: 16px;--radius-large: 24px;--radius-round: 48px}*{box-sizing:border-box}body{background-color:var(--background);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-primary);line-height:1.6;font-size:16px;margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden;width:100%;max-width:100vw}.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:24px 16px;box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.container-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px;box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.content-wrapper{width:100%;max-width:600px;background:var(--card-background);border-radius:var(--radius-large);padding:32px 20px;box-shadow:var(--shadow-medium);text-align:center}.page-title{font-size:24px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:16px;letter-spacing:-.5px;display:block;width:100%;text-align:center}.page-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6;display:block;text-align:center;width:100%;padding:0 8px}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:32px}.field-label{font-size:14px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:500}.field-value{font-size:14px;margin-bottom:8px;font-family:monospace;word-break:break-all;overflow-wrap:break-word}.button-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;font-size:18px;font-weight:600;padding:14px 32px;border-radius:var(--radius-round);border:none;box-shadow:none;transition:all .3s ease;margin-top:32px;width:100%;max-width:100%;text-align:center;line-height:1;cursor:pointer;box-sizing:border-box}.button-primary:hover{opacity:.9;transform:translateY(-1px)}.button-primary:active{transform:translateY(2px);box-shadow:none}.button-secondary{background:#fff;color:var(--primary-color);font-size:18px;font-weight:600;padding:14px 32px;border-radius:var(--radius-round);border:2px solid var(--primary-color);margin-top:24px;width:100%;max-width:460px;text-align:center;transition:all .3s ease}.button-no{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);color:#fff;font-size:20px;font-weight:600;padding:16px 40px;border-radius:var(--radius-round);border:none;box-shadow:none;transition:all .3s ease;margin-top:40px;width:100%;max-width:460px;text-align:center;line-height:1}.button-secondary:active{background:#07c1600d}.button-group{display:flex;gap:1rem;margin-top:0}.brand-image{width:90px;height:90px;border-radius:var(--radius-medium);margin:0 auto 40px;box-shadow:var(--shadow-soft);display:block}.payment-image{width:100%;max-width:240px;border-radius:var(--radius-medium);margin:40px auto;box-shadow:var(--shadow-soft);display:block}.field{background:var(--background);padding:12px 14px;border-radius:var(--radius-medium);margin-bottom:20px;text-align:left;width:100%;box-sizing:border-box}.field text{display:block;font-size:16px;color:var(--text-primary);line-height:1.6}.field-row{display:flex;align-items:center;margin-bottom:8px}.field-row .field-value,.field-row .input-field{margin-left:auto}.mb-small{margin-bottom:8px}.mb-medium{margin-bottom:16px}.mb-large{margin-bottom:24px}.mt-small{margin-top:8px}.mt-medium{margin-top:16px}.mt-large{margin-top:24px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.divider{height:1px;background:var(--border-color);margin:40px 0}.info-section{margin-top:.5rem}.monstor{display:flex;justify-content:center;align-items:center;height:40vh;margin-bottom:.1rem;margin-top:.1rem}.monstor img{max-width:100%;max-height:100%;object-fit:contain;border-radius:1px}.input-field{background-color:#fff;color:#000;text-align:right;border:1px solid #E5E5E5;border-radius:4px;padding:8px;font-size:16px;width:50%;box-sizing:border-box}.dollar-input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:32px 0;padding:24px 16px;background:linear-gradient(135deg,#20800008,#186a000d);border-radius:var(--radius-large);border:2px solid rgba(32,128,0,.1);transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.dollar-input-container.has-error{background:linear-gradient(135deg,#d4183d08,#d4183d0d);border-color:#d4183d33}.dollar-input-label{font-size:14px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;font-weight:600}.dollar-input-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.dollar-sign{font-size:32px;font-weight:700;color:var(--primary-color);line-height:1;flex-shrink:0}.dollar-input{font-size:48px;font-weight:700;color:var(--text-primary);border:none;background:transparent;text-align:center;width:auto;min-width:80px;max-width:calc(100vw - 120px);outline:none;padding:0;line-height:1;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.dollar-input::-webkit-outer-spin-button,.dollar-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dollar-input::placeholder{color:var(--text-tertiary);opacity:.5}.dollar-input:focus{outline:none}.info-section-compact{background:var(--background);padding:16px;border-radius:var(--radius-medium);margin-bottom:24px;width:100%;max-width:100%;box-sizing:border-box}.button-center{display:flex;justify-content:center;margin-top:32px;width:100%;max-width:100%;box-sizing:border-box}.validation-error{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 16px;background-color:#d4183d14;border-radius:12px;color:#d4183d;font-size:13px;font-weight:500;animation:slideDown .3s ease-out;border:1px solid rgba(212,24,61,.15);width:100%;max-width:100%;box-sizing:border-box}.validation-error svg{flex-shrink:0;color:#d4183d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dollar-input-container.has-error .dollar-sign{color:#d4183d}.eth-display{margin-top:20px;padding-top:16px;border-top:1px solid rgba(32,128,0,.15);width:100%;max-width:100%}.eth-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;font-weight:600}.eth-value{font-size:20px;font-weight:600;color:var(--primary-color);font-variant-numeric:tabular-nums;word-break:break-all}.eth-loading{font-size:16px;color:var(--text-tertiary);font-style:italic}@media(max-width:600px){.dollar-input-container{margin:16px 0;padding:16px 12px}.eth-display{margin-top:16px;padding-top:12px}.validation-error{margin-top:12px;padding:8px 12px}.button-center{margin-top:16px}.content-wrapper{padding:20px 12px}.page-title{margin-bottom:12px}.page-subtitle{margin-bottom:16px}}@media(min-width:601px){.container{padding:40px 32px}.content-wrapper{padding:56px 40px}.page-title{font-size:28px;margin-bottom:24px}.page-subtitle{font-size:18px}.dollar-sign{font-size:48px}.dollar-input{font-size:64px;min-width:120px;max-width:400px}.dollar-input-container{margin:60px 0;padding:40px 20px;max-width:600px}.info-section-compact{padding:20px;max-width:600px}.button-primary{font-size:20px;padding:16px 40px;max-width:460px}.eth-value{font-size:24px}.eth-label{font-size:12px}.eth-loading{font-size:18px}.validation-error{font-size:14px;padding:12px 20px;margin-top:20px}.field-value{font-size:16px}}:root{background-color:#181818;color:#ffffffde;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:light){:root{background-color:#f8f8f8;color:#181818}}