:root{--onboard-page-bg: #090D16;--onboard-card-bg: linear-gradient(180deg, #111827 0%, #0D1421 100%);--onboard-card-bg-alt: #151E2D;--onboard-gold: #F2B94B;--onboard-gold-hover: #FFD36A;--onboard-white: #FFFFFF;--onboard-text-muted: #A5A7AE;--onboard-border: rgba(255, 255, 255, .08);--onboard-border-strong: rgba(242, 185, 75, .75);--onboard-success: #4ADE80;--onboard-error: #EF4444;--onboard-radius-card: 20px;--onboard-radius-input: 12px;--onboard-radius-btn: 14px;--onboard-shadow-card: 0 24px 70px rgba(0, 0, 0, .35);--onboard-card-width: min(520px, 100vw);--onboard-card-min-height: 100vh;--onboard-card-padding: 36px 28px 20px;--onboard-font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--onboard-font-screen-title: 700 clamp(28px, 6vw, 42px)/1.2 var(--onboard-font);--onboard-font-card-title: 700 clamp(24px, 5vw, 34px)/1.25 var(--onboard-font);--onboard-font-body-large: 400 clamp(16px, 3.5vw, 20px)/1.5 var(--onboard-font);--onboard-font-body: 400 clamp(15px, 3vw, 18px)/1.5 var(--onboard-font);--onboard-font-label: 500 clamp(14px, 2.8vw, 17px)/1.3 var(--onboard-font);--onboard-font-small: 400 clamp(13px, 2.5vw, 15px)/1.4 var(--onboard-font);--onboard-font-button: 700 clamp(16px, 3.2vw, 19px)/1.3 var(--onboard-font)}.onboarding-page{background:var(--onboard-page-bg);min-height:calc(100vh - 5rem);display:flex;flex-direction:column;font-family:var(--onboard-font);color:var(--onboard-white);padding:24px 24px 16px;max-width:520px;margin:0 auto;width:100%;box-sizing:border-box}.onboarding-logo{text-align:center;font-size:22px;font-weight:700;color:var(--onboard-gold);padding:12px 0 0;flex-shrink:0}.onboarding-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 0}#cta-zone{flex-shrink:0;padding:16px 0 8px}.onboarding-stepper{display:flex;align-items:center;justify-content:center;gap:0;padding:24px 0}.onboarding-stepper .stepper-step{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff6;transition:all .18s ease;flex-shrink:0}.onboarding-stepper .stepper-step.active{background:var(--onboard-gold);border-color:var(--onboard-gold);color:#0b0f17}.onboarding-stepper .stepper-step.done{background:var(--onboard-success);border-color:var(--onboard-success);color:#0b0f17}.onboarding-stepper .stepper-line{width:44px;height:1px;background:#ffffff1f;flex-shrink:0;margin:0}.onboarding-stepper .stepper-line.done{background:var(--onboard-gold)}.onboarding-content{flex:1;display:flex;flex-direction:column}.onboarding-title{font:var(--onboard-font-card-title);margin-bottom:8px}.onboarding-description{font:var(--onboard-font-body);color:var(--onboard-text-muted);margin-bottom:20px}.btn-primary{width:100%;height:62px;background:var(--onboard-gold);color:#0b0f17;border:none;border-radius:var(--onboard-radius-btn);font:var(--onboard-font-button);cursor:pointer;transition:background .18s ease,transform 90ms ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){background:var(--onboard-gold-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-outline{width:100%;height:48px;background:transparent;color:var(--onboard-gold);border:1px solid var(--onboard-gold);border-radius:var(--onboard-radius-btn);font:var(--onboard-font-body);cursor:pointer;transition:background .18s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-outline:hover{background:#f2b94b14}.onboarding-input{width:100%;height:56px;background:var(--onboard-card-bg-alt);border:1px solid rgba(255,255,255,.09);border-radius:var(--onboard-radius-input);padding:0 16px;color:var(--onboard-white);font:var(--onboard-font-body);outline:none;transition:border-color .18s,box-shadow .18s}.onboarding-input:focus{border-color:var(--onboard-gold);box-shadow:0 0 0 3px #f2b94b1f}.onboarding-input.error{border-color:var(--onboard-error)}.onboarding-input.success{border-color:var(--onboard-success)}.onboarding-input::placeholder{color:#ffffff61;font-size:15px}.onboarding-field{margin-bottom:20px}.onboarding-label{font:var(--onboard-font-label);color:#fff;margin-bottom:6px;display:block}.onboarding-error-msg{font:var(--onboard-font-small);color:var(--onboard-error);margin-top:4px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{width:100px;height:100px;background:var(--onboard-card-bg-alt);border:1px solid rgba(255,255,255,.09);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color .18s,background .18s;position:relative;font-size:14px;font-weight:600;color:#fff;text-align:center}.feature-card.selected{border:1.5px solid var(--onboard-gold);background:#f2b94b12}.feature-card .check-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--onboard-gold);display:none;align-items:center;justify-content:center}.feature-card.selected .check-badge{display:flex}.kyc-action{display:flex;align-items:center;height:72px;background:var(--onboard-card-bg-alt);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:0 16px;margin-bottom:12px;cursor:pointer;transition:border-color .18s}.kyc-action:hover{border-color:var(--onboard-gold)}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-particle{position:fixed;width:8px;height:8px;border-radius:2px;animation:confetti-fall .9s ease-out forwards;pointer-events:none}.profile-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.profile-type-card{background:var(--onboard-card-bg-alt);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;cursor:pointer;transition:border-color .18s,background .18s}.profile-type-card:hover{border-color:var(--onboard-gold);background:#f2b94b0a}.profile-type-card.selected{border:1.5px solid var(--onboard-gold);background:#f2b94b12}.profile-type-card__icon{font-size:32px}.profile-type-card__title{font-weight:700;font-size:15px;color:#fff}.profile-type-card__desc{font-size:11px;color:var(--onboard-text-muted);line-height:1.4}.feature-card{width:auto;min-height:90px;height:auto;padding:12px 8px}.feature-card__icon{font-size:24px}.feature-card__label{font-size:11px;font-weight:600;color:#fff;line-height:1.2}@media(max-width:480px){.profile-type-grid{grid-template-columns:1fr}}@media(max-width:380px){.features-grid{grid-template-columns:repeat(2,1fr)}.onboarding-page{padding:16px 12px 8px}}