:root{--onramp-bg: #2b2b2b;--onramp-card: #333333;--onramp-card-hover: #3a3a3a;--onramp-divider: #4a4a4a;--onramp-accent: #D4E500;--onramp-accent-text: #1a1a1a;--onramp-text: #ffffff;--onramp-muted: #999999;--bg-input-focus: #444444;--accent-hover: #e0f020;--text-muted: #666666;--error: #ff4d4d;--success: #4caf50;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--onramp-bg);color:var(--onramp-text);font-family:var(--font-stack);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px}.loading-state{color:var(--onramp-muted);font-size:16px}.logo{font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:24px;text-align:center}.logo-white{color:var(--onramp-text)}.logo-accent{color:var(--onramp-accent)}.form-card{background:var(--onramp-card);border-radius:12px;max-width:480px;width:100%;overflow:hidden}.form-header{padding:24px 28px 20px;border-bottom:1px solid var(--onramp-divider)}.form-title{color:var(--onramp-accent);font-size:20px;font-weight:700;line-height:1.3}.form-body{padding:28px}.form-description{color:var(--onramp-muted);font-size:14px;line-height:1.6;margin-bottom:24px}.merchant-info{background:var(--onramp-card-hover);border-left:3px solid var(--onramp-accent);border-radius:0 6px 6px 0;padding:12px 16px;margin-bottom:24px}.merchant-info-label{color:var(--onramp-muted);font-size:13px}.merchant-info-name{color:var(--onramp-text);font-weight:600;font-size:15px;margin-top:2px}.form-group{margin-bottom:20px}.form-label{display:block;color:var(--onramp-accent);font-size:13px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:var(--onramp-card-hover);border:1px solid var(--onramp-divider);border-radius:8px;color:var(--onramp-text);font-family:var(--font-stack);font-size:16px;outline:none;transition:border-color .2s,background-color .2s}.form-input:focus{border-color:var(--onramp-accent);background:var(--bg-input-focus)}.form-input::placeholder{color:var(--text-muted)}.form-hint{color:var(--onramp-muted);font-size:13px;margin-top:6px;line-height:1.4}.turnstile-container{margin-bottom:20px}.form-submit{width:100%;padding:14px 24px;background:var(--onramp-accent);color:#1a1a1a;border:none;border-radius:8px;font-family:var(--font-stack);font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s,opacity .2s}.form-submit:hover{background:var(--accent-hover)}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-error{background:#ff4d4d1a;border:1px solid var(--error);border-radius:8px;padding:12px 16px;color:var(--error);font-size:14px;margin-bottom:20px}.form-success{text-align:center;padding:40px 28px}.success-icon{font-size:48px;margin-bottom:16px}.success-title{color:var(--onramp-accent);font-size:22px;font-weight:700;margin-bottom:12px}.success-message{color:var(--onramp-muted);font-size:15px;line-height:1.6}.error-page{text-align:center;padding:40px 28px}.error-icon{font-size:48px;margin-bottom:16px}.error-title{color:var(--onramp-text);font-size:22px;font-weight:700;margin-bottom:12px}.error-message{color:var(--onramp-muted);font-size:15px;line-height:1.6}.form-footer{text-align:center;padding:20px 0;max-width:480px;width:100%}.footer-text{color:var(--onramp-muted);font-size:12px}.footer-link{color:var(--onramp-accent);text-decoration:none}.footer-link:hover{text-decoration:underline}.section-title{color:var(--onramp-text);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--onramp-divider);padding-bottom:6px;margin:28px 0 14px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.form-row .form-group{margin-bottom:0}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;align-items:center;gap:10px;padding:12px 14px;background-color:var(--onramp-card-hover);border:1px solid var(--onramp-divider);border-radius:6px;cursor:pointer;transition:border-color .15s}.radio-option:hover{border-color:var(--onramp-accent)}.radio-option input[type=radio]{accent-color:var(--onramp-accent)}.rate-table{width:100%;border-collapse:collapse;margin-top:12px;background-color:var(--onramp-card-hover);border:1px solid var(--onramp-divider);border-radius:6px;overflow:hidden}.rate-table tr{border-bottom:1px solid var(--onramp-divider)}.rate-table tr:last-child{border-bottom:none}.rate-table td{padding:10px 14px;font-size:14px;color:var(--onramp-text)}.rate-table td.rate-label{color:var(--onramp-muted);font-weight:600;width:35%}.rate-table td.rate-extra{color:var(--onramp-muted);text-align:right}.site-row{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin-bottom:12px}@media(max-width:520px){.site-row{grid-template-columns:1fr}}.form-add-row{background:transparent;color:var(--onramp-accent);border:1px dashed var(--onramp-accent);padding:10px 14px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:18px;width:100%}.form-add-row:hover:not(:disabled){background:#d4e50014}.form-add-row:disabled{opacity:.4;cursor:not-allowed}@media(max-width:520px){.form-card{border-radius:8px}.form-header{padding:20px 20px 16px}.form-body{padding:20px}.form-success,.error-page{padding:32px 20px}}