:root{--onramp-accent: #D4E500;--onramp-accent-text: #1a1a1a;--onramp-bg: #2b2b2b;--onramp-card: #333333;--onramp-card-hover: #3a3a3a;--onramp-text: #ffffff;--onramp-muted: #999999;--onramp-divider: #4a4a4a;--status-success: #34C759;--status-error: #FF3B30;--status-warning: #FF9500;--status-info: #007AFF;--stage-prospect: #007AFF;--stage-selling: #32ADE6;--stage-implementation: #FFCC00;--stage-launched: #34C759;--stage-churned: #FF3B30;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 48px;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--onramp-bg);color:var(--onramp-text);min-height:100vh;line-height:1.5}a{color:var(--onramp-accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;padding:var(--space-xl);max-width:1200px;margin:0 auto;width:100%}.card{background:var(--onramp-card);border-radius:var(--radius);padding:var(--space-xl)}.card:hover{background:var(--onramp-card-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius);border:none;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;min-height:44px;min-width:44px}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background:var(--onramp-accent);color:var(--onramp-accent-text)}.btn-secondary{background:var(--onramp-divider);color:var(--onramp-text)}.btn-ghost{background:transparent;color:var(--onramp-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--onramp-divider);border-radius:var(--radius);background:var(--onramp-bg);color:var(--onramp-text);font-family:var(--font-sans);font-size:1rem;min-height:44px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--onramp-accent)}.input::placeholder{color:var(--onramp-muted)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-success{background:#34c75933;color:var(--status-success)}.badge-warning{background:#ff950033;color:var(--status-warning)}.badge-error{background:#ff3b3033;color:var(--status-error)}.badge-info{background:#007aff33;color:var(--status-info)}.badge-accent{background:#d4e50026;color:var(--onramp-accent)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-muted{color:var(--onramp-muted)}.text-accent{color:var(--onramp-accent)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-center{text-align:center}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.skeleton{background:linear-gradient(90deg,var(--onramp-card) 25%,var(--onramp-card-hover) 50%,var(--onramp-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main{padding:var(--space-lg)}.hide-mobile{display:none!important}}@media(min-width:641px)and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}