:root{--color-bg-primary: #000000;--color-bg-card: rgba(255, 255, 255, .04);--color-bg-card-hover: rgba(255, 255, 255, .08);--color-bg-card-selected: rgba(227, 27, 35, .2);--color-text-primary: #f0f0f5;--color-text-secondary: rgba(240, 240, 245, .65);--color-accent: #e31b23;--color-accent-warm: #ff4444;--color-gradient-start: #e31b23;--color-gradient-end: #8b0000;--color-border: rgba(255, 255, 255, .1);--color-border-active: rgba(227, 27, 35, .5);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--max-width: 480px;--border-radius: 16px;--border-radius-sm: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:var(--font-size-base)}.progress-bar{display:flex;gap:4px;padding:0 var(--space-md);width:100%}.progress-bar__segment{flex:1;height:3px;border-radius:2px;background:#ffffff26;transition:background var(--transition-normal)}.progress-bar__segment--completed{background:linear-gradient(90deg,var(--color-gradient-start),var(--color-gradient-end))}.progress-bar__segment--current{background:linear-gradient(90deg,var(--color-gradient-start),var(--color-gradient-end));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.step-transition{width:100%;flex:1;display:flex;flex-direction:column;background:transparent}.step-transition--forward{animation:slideInFromRight .3s ease-out}.step-transition--backward{animation:slideInFromLeft .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.step-transition--forward,.step-transition--backward{animation:none}}.welcome-step{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-xl);text-align:center;gap:var(--space-2xl)}.welcome-step__content{display:flex;flex-direction:column;gap:var(--space-lg)}.welcome-step__line{opacity:0;transform:translateY(15px);animation:fadeUp .6s ease-out forwards}.welcome-step__line:nth-child(1){animation-delay:0ms}.welcome-step__line:nth-child(2){animation-delay:.2s}.welcome-step__line:nth-child(3){animation-delay:.4s}.welcome-step__hook{font-size:var(--font-size-xl);font-weight:700;line-height:1.3;background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-step__context{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.5}.welcome-step__gift{font-size:var(--font-size-base);color:var(--color-accent-warm);font-weight:500}.welcome-step__cta{opacity:0;animation:fadeUp .6s ease-out .7s forwards;padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));color:#fff;font-size:var(--font-size-lg);font-weight:600;border-radius:50px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.welcome-step__cta:active{transform:scale(.96)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.option-card{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500;text-align:left;user-select:none;-webkit-user-select:none;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.option-card:active{transform:scale(.97)}.option-card--selected{background:var(--color-bg-card-selected);border-color:var(--color-border-active);box-shadow:0 0 20px #e31b2340;transform:scale(1.02)}.option-card--disabled{opacity:.5;pointer-events:none}.option-card__emoji{font-size:var(--font-size-xl);flex-shrink:0}.option-card__label{line-height:1.3}.poll-step{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl);gap:var(--space-xl)}.poll-step__question{font-size:var(--font-size-xl);font-weight:700;line-height:1.3;text-align:center}.poll-step__options{display:flex;flex-direction:column;gap:var(--space-sm)}.slider-step{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-xl);gap:var(--space-xl)}.slider-step__question{font-size:var(--font-size-xl);font-weight:700;line-height:1.3;text-align:center}.slider-step__quote{font-size:var(--font-size-base);color:var(--color-text-secondary);font-style:italic;text-align:center;line-height:1.5;padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-accent)}.slider-step__control{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.slider-step__labels{display:flex;justify-content:space-between}.slider-step__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.slider-step__input{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none;background:linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--slider-progress, 50%),rgba(255,255,255,.1) var(--slider-progress, 50%),rgba(255,255,255,.1) 100%)}.slider-step__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 15px #e31b2380;cursor:pointer;border:3px solid white}.slider-step__input::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 15px #e31b2380;cursor:pointer;border:3px solid white}.slider-step__continue{padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));color:#fff;font-size:var(--font-size-base);font-weight:600;border-radius:50px;transition:transform var(--transition-fast)}.slider-step__continue:active{transform:scale(.96)}.text-step{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl);gap:var(--space-xl)}.text-step__question{font-size:var(--font-size-xl);font-weight:700;line-height:1.3;text-align:center}.text-step__input{width:100%;padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.5;resize:none;outline:none;transition:border-color var(--transition-fast)}.text-step__input::placeholder{color:var(--color-text-secondary)}.text-step__input:focus{border-color:var(--color-border-active)}.text-step__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.text-step__continue{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));color:#fff;font-size:var(--font-size-base);font-weight:600;border-radius:50px;transition:transform var(--transition-fast)}.text-step__continue:active:not(:disabled){transform:scale(.96)}.text-step__continue:disabled{opacity:.4;cursor:not-allowed}.submit-step{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-xl);gap:var(--space-md);text-align:center}.submit-step__icon{font-size:3rem;animation:bounceIn .6s ease-out}.submit-step__title{font-size:var(--font-size-lg);font-weight:700;line-height:1.3}.submit-step__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.submit-step__form{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.submit-step__input,.submit-step__select{width:100%;padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-fast)}.submit-step__input::placeholder{color:var(--color-text-secondary)}.submit-step__input:focus,.submit-step__select:focus{border-color:var(--color-border-active)}.submit-step__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:calc(var(--space-md) + 20px);cursor:pointer}.submit-step__select option{background:#1a1a1a;color:var(--color-text-primary)}.submit-step__phone-group{display:flex;gap:0;border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid var(--color-border);transition:border-color var(--transition-fast)}.submit-step__phone-group:focus-within{border-color:var(--color-border-active)}.submit-step__phone-code{display:flex;align-items:center;padding:var(--space-md);background:#ffffff14;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:600;white-space:nowrap;border-right:1px solid var(--color-border)}.submit-step__phone-code--editable{display:flex;align-items:center;gap:2px}.submit-step__code-input{width:3ch;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;padding:0}.submit-step__code-input::placeholder{color:var(--color-text-secondary)}.submit-step__phone-input{border:none!important;border-radius:0!important}.submit-step__phone-input:focus{border:none!important}.submit-step__cta{width:100%;margin-top:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:50px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 20px #e31b234d}.submit-step__cta:active:not(:disabled){transform:scale(.96)}.submit-step__cta:disabled{opacity:.4;cursor:not-allowed}.submit-step__cta--sent{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 20px #16a34a4d;opacity:1}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.thankyou-step{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-xl);gap:var(--space-xl);text-align:center;position:relative}.thankyou-step__content{display:flex;flex-direction:column;gap:var(--space-md)}.thankyou-step__title{font-size:var(--font-size-xl);font-weight:700;line-height:1.3;background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.thankyou-step__message{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.5}.thankyou-step__description{display:flex;flex-direction:column;gap:var(--space-sm)}.thankyou-step__description p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.thankyou-step__cta{z-index:2;display:inline-block;padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg,var(--color-accent-warm),#ef4444);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:50px;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 20px #e31b2366}.thankyou-step__cta:active{transform:scale(.96)}.survey{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--max-width);margin:0 auto;min-height:100dvh;padding-top:calc(var(--space-md) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px))}.survey__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:48px}.survey__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--color-text-secondary);flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.survey__back:active{background:var(--color-bg-card);color:var(--color-text-primary)}.app{min-height:100dvh;background:linear-gradient(135deg,#000,#1a0505,#000 60%,#0f0505);background-size:300% 300%;animation:gradientShift 15s ease infinite;display:flex;flex-direction:column}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app__sparkles{position:fixed;inset:0;pointer-events:none;z-index:1}.app__sparkle{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 8px 3px #e31b2380;opacity:0;animation:sparkle 2.5s ease-in-out infinite}.app__sparkle:nth-child(1){top:5%;left:5%;animation-delay:0s}.app__sparkle:nth-child(2){top:12%;right:8%;animation-delay:.3s;background:var(--color-gradient-end);width:6px;height:6px}.app__sparkle:nth-child(3){top:25%;left:15%;animation-delay:.6s}.app__sparkle:nth-child(4){top:30%;right:20%;animation-delay:.9s;background:var(--color-accent-warm);width:6px;height:6px}.app__sparkle:nth-child(5){top:42%;left:3%;animation-delay:1.2s;background:var(--color-gradient-end)}.app__sparkle:nth-child(6){top:48%;right:4%;animation-delay:1.5s}.app__sparkle:nth-child(7){top:58%;left:12%;animation-delay:.2s;background:var(--color-accent-warm);width:6px;height:6px}.app__sparkle:nth-child(8){top:65%;right:15%;animation-delay:.7s;background:var(--color-gradient-end)}.app__sparkle:nth-child(9){top:75%;left:8%;animation-delay:1.1s}.app__sparkle:nth-child(10){top:78%;right:6%;animation-delay:1.8s;width:6px;height:6px}.app__sparkle:nth-child(11){top:88%;left:18%;animation-delay:.5s;background:var(--color-gradient-end)}.app__sparkle:nth-child(12){top:92%;right:10%;animation-delay:1.4s;background:var(--color-accent-warm)}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1.5)}60%{opacity:.7;transform:scale(1.2)}80%{opacity:.2;transform:scale(.8)}}