:root{--bg-primary:#0c1222;--bg-secondary:#111a2e;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--bg-card-selected:#0d948826;--bg-input:#ffffff0f;--bg-input-focus:#ffffff1a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#2dd4bf;--accent:#0d9488;--accent-light:#2dd4bf;--accent-glow:#0d94884d;--accent-gradient:linear-gradient(135deg, #0d9488, #10b981);--border-subtle:#ffffff14;--border-input:#ffffff1f;--border-input-focus:#0d948899;--border-card-selected:#0d948880;--error:#f43f5e;--error-bg:#f43f5e1a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 24px var(--accent-glow);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.45s cubic-bezier(.4, 0, .2, 1);--max-width:640px;--form-padding:var(--space-xl)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#0d948814 0%,#0000 60%),radial-gradient(at 80% 100%,#10b9810f 0%,#0000 60%);position:fixed;inset:0}#app{z-index:1;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative}.form-wrapper{width:100%;max-width:var(--max-width);min-height:100dvh;padding:var(--form-padding);flex-direction:column;display:flex;position:relative}.progress-bar{z-index:100;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#0c1222d9;position:fixed;top:0;left:0;right:0}.progress-bar__container{align-items:center;gap:var(--space-lg);max-width:var(--max-width);margin:0 auto;display:flex}.progress-bar__track{background:var(--bg-card);border-radius:var(--radius-full);flex:1;height:4px;position:relative;overflow:hidden}.progress-bar__fill{background:var(--accent-gradient);border-radius:var(--radius-full);width:0%;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar__fill:after{content:"";background:var(--accent-light);width:8px;height:8px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%;position:absolute;top:-2px;right:0}.progress-bar__step{color:var(--text-secondary);white-space:nowrap;min-width:100px;font-size:.85rem;font-weight:500}.progress-bar__percent{color:var(--text-accent);font-size:.85rem;font-weight:600;font-family:var(--font-heading);text-align:right;min-width:45px}.step-container{flex:1;margin-top:60px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 80%,#0000 95%);mask-image:linear-gradient(#000 0% 80%,#0000 95%)}.step-slide{align-items:stretch;gap:var(--space-md);scrollbar-width:none;flex-direction:column;width:100%;height:100%;padding:0 0 120px;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.step-slide:before{content:"";min-height:var(--space-sm);flex:.5}.step-slide:after{content:"";min-height:var(--space-lg);flex:1.5}.step-slide>*{flex-shrink:0}.nav-persistent-container{z-index:50;padding:var(--space-md) 0 var(--space-md);pointer-events:none;transition:padding var(--transition-normal);background:0 0;margin-top:-80px;position:sticky;bottom:0;left:0;right:0}.nav-persistent-container>*{pointer-events:auto}.slide-enter-forward{animation:slideInForward var(--transition-slow) forwards}.slide-enter-backward{animation:slideInBackward var(--transition-slow) forwards}.slide-exit-forward{animation:slideOutForward var(--transition-slow) forwards;pointer-events:none}.slide-exit-backward{animation:slideOutBackward var(--transition-slow) forwards;pointer-events:none}@keyframes slideInForward{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutForward{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slideInBackward{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutBackward{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.step-header{text-align:left}.step-header__title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.75rem;font-weight:600;line-height:1.3}.step-header__subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.step-fields{gap:var(--space-lg);flex-direction:column;display:flex}.welcome-screen{text-align:center}.welcome-screen__logo{margin-bottom:var(--space-lg);animation:.6s forwards fadeInScale}.welcome-screen__logo svg{filter:drop-shadow(0 4px 16px var(--accent-glow))}.welcome-screen__title{font-family:var(--font-heading);background:var(--accent-gradient);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.welcome-screen__subtitle{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:var(--space-md);font-size:1.1rem;font-weight:500}.welcome-screen__description{color:var(--text-muted);max-width:480px;margin:0 auto var(--space-lg);font-size:.9rem;line-height:1.6}.welcome-screen__info-cards{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.info-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.85rem;animation:.6s .3s both fadeInUp;display:flex}.info-card__icon{font-size:1.1rem}.welcome-screen__tyc-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.welcome-screen__tyc-scroll{max-height:220px;padding:var(--space-lg);text-align:left;color:var(--text-secondary);scrollbar-width:thin;scrollbar-color:var(--accent) transparent;font-size:.8rem;line-height:1.7;overflow-y:auto}.welcome-screen__tyc-scroll::-webkit-scrollbar{width:4px}.welcome-screen__tyc-scroll::-webkit-scrollbar-track{background:0 0}.welcome-screen__tyc-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--radius-full)}.welcome-screen__tyc-scroll h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-md);font-size:.9rem}.welcome-screen__tyc-scroll p{margin-bottom:var(--space-sm)}.welcome-screen__tyc-scroll strong{color:var(--text-primary)}.welcome-screen__tyc-scroll ul{margin:var(--space-sm) 0 var(--space-md) var(--space-lg)}.welcome-screen__tyc-scroll li{margin-bottom:var(--space-xs)}.checkbox-field{align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;display:flex}.checkbox-field:hover{background:var(--bg-card-hover);border-color:var(--border-input-focus)}.checkbox-field input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.checkbox-field__check{border:2px solid var(--border-input);border-radius:var(--radius-sm);width:24px;height:24px;transition:all var(--transition-fast);color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-field__check svg{width:14px;height:14px}.checkbox-field input:checked+.checkbox-field__check{background:var(--accent-gradient);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-glow)}.checkbox-field__text{color:var(--text-primary);font-size:.9rem;line-height:1.4}.text-input-field{gap:var(--space-sm);flex-direction:column;display:flex}.text-input-field__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.text-input-field__input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-normal);outline:none;font-size:1.1rem}.text-input-field__input::placeholder{color:var(--text-muted)}.text-input-field__input:focus{background:var(--bg-input-focus);border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--accent-glow)}.textarea-field{gap:var(--space-sm);flex-direction:column;display:flex}.textarea-field__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.textarea-field__input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-normal);resize:vertical;outline:none;min-height:120px;font-size:1rem;line-height:1.6}.textarea-field__input::placeholder{color:var(--text-muted)}.textarea-field__input:focus{background:var(--bg-input-focus);border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--accent-glow)}.textarea-field__footer{justify-content:space-between;align-items:center;display:flex}.textarea-field__counter{color:var(--text-muted);font-size:.75rem}.select-cards__grid{gap:var(--space-sm);flex-direction:column;display:flex}.select-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;font-family:var(--font-body);color:var(--text-primary);outline:none;font-size:.95rem;display:flex;position:relative;overflow:hidden}.select-card:before{content:"";background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-normal);position:absolute;inset:0}.select-card:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translate(4px)}.select-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.select-card--selected{background:var(--bg-card-selected);border-color:var(--border-card-selected);box-shadow:var(--shadow-glow)}.select-card--selected:before{opacity:.06}.select-card__letter{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);font-size:.75rem;font-weight:600;font-family:var(--font-heading);transition:all var(--transition-normal);z-index:1;background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.select-card--selected .select-card__letter{background:var(--accent);border-color:var(--accent);color:#fff}.select-card__text{z-index:1;flex:1;line-height:1.4;position:relative}.select-card__check{color:#0000;width:20px;height:20px;transition:all var(--transition-normal);z-index:1;flex-shrink:0;position:relative}.select-card__check svg{width:100%;height:100%}.select-card--selected .select-card__check{color:var(--accent-light)}.field-error{color:var(--error);opacity:0;min-height:0;transition:all var(--transition-normal);margin-top:var(--space-xs);font-size:.8rem;overflow:hidden}.field-error.visible{opacity:1;min-height:1.2em}.navigation{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.nav-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-normal);border:none;outline:none;font-size:.95rem;font-weight:500;display:flex}.nav-btn--back{color:var(--text-secondary);border:1px solid var(--border-subtle);padding:var(--space-md) var(--space-lg);background:0 0}.nav-btn--back:hover{color:var(--text-primary);background:var(--bg-card);border-color:#ffffff26}.nav-btn--continue{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.nav-btn--continue:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.nav-btn--continue:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-1px)}.nav-btn--continue:hover:before{opacity:1}.nav-btn--continue:active{transform:translateY(0)}.nav-btn svg{width:18px;height:18px}.keyboard-hint{text-align:center;margin-top:var(--space-lg);opacity:0;animation:.6s .5s forwards fadeIn}.keyboard-hint span{color:var(--text-muted);font-size:.75rem}.keyboard-hint kbd{background:var(--bg-card);border:1px solid var(--border-subtle);font-family:var(--font-body);color:var(--text-secondary);border-radius:4px;margin:0 2px;padding:2px 8px;font-size:.7rem;display:inline-block}.thank-you-screen{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.thank-you-screen__icon{width:80px;height:80px;animation:.6s forwards fadeInScale}.thank-you-screen__icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 16px var(--accent-glow))}.thank-you-circle{stroke-dasharray:240;stroke-dashoffset:240px;animation:.8s .2s forwards drawCircle}.thank-you-check{stroke-dasharray:50;stroke-dashoffset:50px;animation:.5s .8s forwards drawCheck}.thank-you-screen__title{font-family:var(--font-heading);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;animation:.6s .4s both fadeInUp}.thank-you-screen__message{color:var(--text-secondary);max-width:440px;font-size:1rem;line-height:1.7;animation:.6s .6s both fadeInUp}.thank-you-screen__message strong{color:var(--text-accent)}.thank-you-screen__submessage{color:var(--text-muted);font-size:.9rem;animation:.6s .8s both fadeInUp}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:.4s shake}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}@media (width<=768px){:root{--form-padding:var(--space-lg)}.step-header__title{font-size:1.5rem}.welcome-screen__title{font-size:1.75rem}.welcome-screen__tyc-scroll{max-height:180px}.thank-you-screen__title{font-size:1.5rem}}@media (width<=480px){:root{--form-padding:var(--space-md)}.progress-bar__container{gap:var(--space-md)}.progress-bar__step,.progress-bar__percent{min-width:auto;font-size:.75rem}.step-container{margin-top:52px}.step-header__title{font-size:1.3rem}.welcome-screen__title{font-size:1.5rem}.welcome-screen__subtitle{font-size:1rem}.welcome-screen__description{font-size:.85rem}.welcome-screen__tyc-scroll{max-height:160px;padding:var(--space-md)}.text-input-field__input{padding:var(--space-md);font-size:1rem}.textarea-field__input,.select-card{padding:var(--space-md)}.nav-btn{padding:var(--space-md) var(--space-lg);font-size:.9rem}.nav-btn--continue{flex:1;justify-content:center}.checkbox-field{padding:var(--space-md)}.keyboard-hint{display:none}.thank-you-screen__title{font-size:1.4rem}.thank-you-screen__message{font-size:.9rem}.nav-persistent-container{padding:var(--space-sm) var(--space-md) var(--space-sm);background:linear-gradient(to top, var(--bg-primary) 70%, transparent);pointer-events:auto;z-index:1000;margin-top:0;position:fixed;bottom:0}.navigation{max-width:var(--max-width);pointer-events:auto;width:100%;margin:0 auto}}@media (hover:none) and (pointer:coarse){.select-card{min-height:52px;padding:var(--space-md) var(--space-lg)}.nav-btn{min-height:48px}.keyboard-hint{display:none}}