:root{--color-bg:#fff;--color-text-primary:#1c1c1e;--color-text-secondary:#8e8e93;--color-text-tertiary:#c7c7cc;--color-accent:#ff9500;--color-accent-active:#e58600;--color-surface-gray:#f2f2f7;--color-divider:#e5e5ea;overscroll-behavior-y:none;touch-action:pan-x pan-y;--color-danger-bg:#ffebee;--color-danger-text:#d32f2f;--color-warning-bg:#fff8e1;--color-warning-text:#f57f17;--color-success-bg:#e8f5e9;--color-success-text:#388e3c;--color-info-bg:#e3f2fd;--color-info-text:#1976d2;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-tap-highlight-color:transparent;line-height:1.4;overflow-x:hidden}#root{min-height:100dvh}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-family:inherit}input,textarea{-webkit-appearance:none;touch-action:manipulation;background:0 0;border:none;outline:none;font-family:inherit}.app-container{background:var(--color-bg);max-width:430px;min-height:100dvh;margin:0 auto;position:relative}.text-hero{letter-spacing:-1.2px;font-size:40px;font-weight:800;line-height:1.1}.text-title{letter-spacing:-.6px;font-size:24px;font-weight:700}.text-headline{letter-spacing:-.4px;font-size:18px;font-weight:600}.text-body{letter-spacing:-.3px;font-size:16px;font-weight:400;line-height:1.5}.text-subhead{letter-spacing:-.2px;font-size:14px;font-weight:500}.text-caption{color:var(--color-text-secondary);font-size:12px;font-weight:500}.divider{background-color:var(--color-divider);width:100%;height:1px}.info-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.info-box{background:var(--color-surface-gray);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;display:flex}.info-box-icon{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 8px #0000000a}.alert-banner{border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px;display:flex}.alert-danger{background:var(--color-danger-bg)}.alert-danger .alert-title{color:var(--color-danger-text);font-weight:700}.alert-danger .alert-icon{color:var(--color-danger-text)}.alert-danger .alert-text{color:#b71c1c}.alert-warning{background:var(--color-warning-bg)}.alert-warning .alert-title{color:var(--color-warning-text);font-weight:700}.alert-warning .alert-icon{color:var(--color-warning-text)}.alert-warning .alert-text{color:#e65100}.pill-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pill{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill-success{background:var(--color-success-bg);color:var(--color-success-text)}.pill-info{background:var(--color-info-bg);color:var(--color-info-text)}.fab-container{bottom:calc(var(--safe-bottom) + 24px);z-index:100;width:calc(100% - 32px);max-width:398px;margin:0 auto;position:fixed;left:0;right:0}.fab-button{background:var(--color-accent);color:#fff;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px 24px;font-size:18px;font-weight:700;transition:transform .2s;animation:3s infinite pulseFab;display:flex;box-shadow:0 12px 32px #ff950066}.fab-button:active{animation:none;transform:scale(.96)}.input-group{margin-bottom:24px}.input-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-field{background:var(--color-surface-gray);width:100%;color:var(--color-text-primary);touch-action:manipulation;border-radius:16px;padding:16px;font-size:20px;font-weight:600;transition:background .2s}.input-field:focus{box-shadow:0 0 0 2px var(--color-accent);background:#fff}.chip-selector{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--color-surface-gray);color:var(--color-text-secondary);border-radius:100px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s}.chip-active{background:var(--color-accent);color:#fff;box-shadow:0 4px 12px #ff95004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressFill{0%{width:0}}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes confettiDrop{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(80px)rotate(720deg)}}@keyframes pulseFab{0%,to{box-shadow:0 12px 32px #ff950066}50%{box-shadow:0 12px 32px #ff950099,0 0 0 8px #ff95001a}}.animate-fade-in{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-slide-in{opacity:0;animation:.45s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-scale-in{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-bounce-in{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards bounceIn}.animate-float{animation:3s ease-in-out infinite float}.animate-wiggle{animation:1s ease-in-out infinite wiggle}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.reg-progress{background:var(--color-surface-gray);border-radius:4px;width:100%;height:4px;margin-bottom:24px;overflow:hidden}.reg-progress-fill{background:linear-gradient(90deg,#ff9500,#ff6a00);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.step-emoji{margin-bottom:16px;font-size:56px;display:inline-block}.option-card{background:var(--color-surface-gray);text-align:left;border:2px solid #0000;border-radius:18px;align-items:center;gap:16px;width:100%;padding:18px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.option-card:active{transform:scale(.97)}.option-card-selected{border-color:var(--color-accent);background:#ff950014}.option-card-emoji{flex-shrink:0;font-size:32px}.option-card-text{color:var(--color-text-primary);font-size:18px;font-weight:600}.option-card-desc{color:var(--color-text-secondary);margin-top:2px;font-size:13px}.phone-input-wrapper{background:var(--color-surface-gray);border-radius:18px;align-items:center;gap:8px;padding:4px;transition:all .2s;display:flex}.phone-input-wrapper:focus-within{box-shadow:0 0 0 2px var(--color-accent);background:#fff}.phone-prefix{color:var(--color-text-primary);border-right:2px solid var(--color-divider);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:6px;padding:14px 12px 14px 16px;font-size:20px;font-weight:700;display:flex}.phone-flag{font-size:24px}.phone-number-input{letter-spacing:2px;color:var(--color-text-primary);touch-action:manipulation;flex:1;padding:14px 16px 14px 12px;font-size:24px;font-weight:700}.phone-number-input::placeholder{letter-spacing:0;color:var(--color-text-tertiary);font-weight:500}.toggle-row{background:var(--color-surface-gray);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 20px;display:flex}.toggle-row-label{font-size:17px;font-weight:600}.toggle-pills{background:var(--color-divider);border-radius:10px;gap:4px;padding:3px;display:flex}.toggle-pill{color:var(--color-text-secondary);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.toggle-pill-active{color:var(--color-text-primary);background:#fff;box-shadow:0 1px 4px #00000014}.confetti-piece{border-radius:2px;width:10px;height:10px;animation:1.5s ease-out forwards confettiDrop;position:absolute}.success-circle{color:#fff;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50px;justify-content:center;align-items:center;width:100px;height:100px;animation:.6s cubic-bezier(.16,1,.3,1) forwards successPop;display:flex;box-shadow:0 16px 40px #34c7594d}
