.f-body{background:var(--bg-main);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans)}.f-shell{isolation:isolate;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative}.f-shell:before{content:"";z-index:-2;background:radial-gradient(ellipse 60% 40% at 50% 0%, color-mix(in srgb, var(--gold-500) 10%, transparent), transparent 60%), radial-gradient(ellipse 50% 30% at 90% 100%, color-mix(in srgb, var(--navy-800) 6%, transparent), transparent 60%);position:absolute;inset:0}.f-shell:after{content:"";z-index:-1;background-image:radial-gradient(var(--border) .8px, transparent .8px);opacity:.35;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 30%,#0000 85%);mask-image:radial-gradient(80% 60%,#000 30%,#0000 85%)}.f-header{z-index:10;justify-content:space-between;align-items:center;padding:1.5rem clamp(1.5rem,4vw,3rem);display:flex;position:relative}.f-header .f-back{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.5rem 0;font-size:11px;transition:color .2s;display:inline-flex}.f-header .f-back:hover{color:var(--text-primary)}.f-brand-lockup{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:.6rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.f-brand-dot{background:var(--text-gold);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--gold-500) 20%, transparent);border-radius:50%;animation:2.4s ease-in-out infinite f-pulse}@keyframes f-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb, var(--gold-500) 20%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--gold-500) 8%, transparent)}}.f-header .f-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary);font-size:10px}.f-header .f-meta b{color:var(--text-gold);font-weight:500}.f-progress{z-index:20;background:0 0;height:2px;position:absolute;top:0;left:0;right:0}.f-progress-bar{background:linear-gradient(90deg, var(--gold-500), var(--gold-300));height:100%;transition:width .6s var(--ease-out-expo);box-shadow:0 0 12px color-mix(in srgb, var(--gold-500) 60%, transparent)}.f-stage{justify-content:center;align-items:center;min-height:0;padding:2rem clamp(1.5rem,5vw,4rem);display:flex;position:relative;overflow:hidden auto}.f-slide-wrap{justify-content:center;align-items:center;width:100%;min-height:100%;display:flex}.f-slide{opacity:0;width:100%;max-width:42rem;animation:f-slide-in .55s var(--ease-out-expo) forwards;margin:auto 0;transform:translateY(24px)}@keyframes f-slide-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.f-q-index{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:11px;display:inline-flex}.f-q-index b{color:var(--text-gold);font-weight:500}.f-q-index:before{content:"";opacity:.5;background:currentColor;width:18px;height:1px}.f-q-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:500;line-height:1.08}.f-q-title em{color:var(--text-gold);font-style:italic;font-weight:400}.f-q-sub{font-size:var(--fs-lg);color:var(--text-secondary);text-wrap:pretty;max-width:34rem;margin:0 0 2.25rem;line-height:1.55}.f-input-wrap{width:100%;position:relative}.f-input,.f-textarea{border:0;border-bottom:2px solid var(--border);width:100%;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-primary);transition:border-color .3s var(--ease-out-expo), color .2s;background:0 0;outline:none;padding:.9rem 0 .75rem;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:400;display:block}.f-input:focus,.f-textarea:focus{border-bottom-color:var(--text-gold)}.f-input::placeholder,.f-textarea::placeholder{color:var(--text-muted);font-weight:300}.f-textarea{resize:none;min-height:7rem;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.55}.f-input.big{letter-spacing:-.03em;padding:1rem 0;font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:500}.f-hint{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);align-items:center;gap:.5rem;margin-top:.75rem;font-size:11px;display:flex}.f-hint iconify-icon{color:var(--text-gold);font-size:.9rem}.f-hint kbd{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);border-bottom-width:2px;border-radius:4px;padding:2px 6px;font-size:10px}.f-hint kbd+kbd{margin-left:.2rem}.f-options{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.f-opt{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:border-color .25s, background .25s, transform .25s, box-shadow .25s, opacity .4s var(--ease-out-expo), max-height .5s var(--ease-out-expo), padding .4s var(--ease-out-expo), margin .4s var(--ease-out-expo);text-align:left;font-size:1rem;font-family:var(--font-sans);color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:.9rem;max-height:120px;padding:.95rem 1.1rem;display:flex;overflow:hidden}.f-opt:hover{border-color:var(--border-strong);box-shadow:var(--sh-sm);transform:translate(3px)}.f-opt.is-selected{border-color:var(--text-gold);background:color-mix(in srgb, var(--gold-500) 7%, var(--bg-elevated));box-shadow:0 0 0 1px var(--text-gold) inset}.f-opt.is-hidden{opacity:0;pointer-events:none;border-width:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)}.f-opt.is-other-active{border-color:var(--text-gold);background:color-mix(in srgb, var(--gold-500) 10%, var(--bg-elevated));box-shadow:0 0 0 1px var(--text-gold) inset, 0 6px 24px color-mix(in srgb, var(--gold-500) 18%, transparent)}.f-opt-key{border:1px solid var(--border);width:28px;height:28px;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-main);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.f-opt.is-selected .f-opt-key{background:var(--navy-800);color:var(--gold-400);border-color:var(--navy-800)}.f-opt-text{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.f-opt-t{font-weight:500;line-height:1.3}.f-opt-d{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:1.4}.f-opt-check{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:all .2s;position:relative}.f-opt-check.sq{border-radius:6px}.f-opt.is-selected .f-opt-check{background:var(--text-gold);border-color:var(--text-gold)}.f-opt.is-selected .f-opt-check:after{content:"";border:solid var(--bg-main);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.f-other-wrap{animation:f-other-in .5s var(--ease-out-expo) both;flex-direction:column;gap:.6rem;margin-top:.25rem;display:flex}@keyframes f-other-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.f-other-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-gold);align-items:center;gap:.5rem;font-size:11px;display:inline-flex}.f-other-label iconify-icon{font-size:1rem}.f-footer{z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem clamp(1.5rem,4vw,3rem) 1.5rem;display:flex;position:relative}.f-foot-left{align-items:center;gap:.4rem;display:flex}.f-nav-btn{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--bg-elevated);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.f-nav-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.f-nav-btn:disabled{opacity:.35;cursor:not-allowed}.f-nav-btn iconify-icon{font-size:1.1rem}.f-next{background:var(--navy-800);color:var(--bone-100);border-radius:var(--r-pill);font-family:var(--font-sans);font-size:var(--fs-sm);cursor:pointer;transition:all .25s var(--ease-out-expo);letter-spacing:.01em;border:0;align-items:center;gap:.55rem;padding:.85rem 1.6rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.f-next:hover:not(:disabled){background:var(--navy-700);box-shadow:var(--sh-md);transform:translateY(-1px)}.f-next:disabled{opacity:.4;cursor:not-allowed}.f-next.is-final{background:var(--gold-500);color:var(--navy-900)}.f-next.is-final:hover:not(:disabled){background:var(--gold-400);box-shadow:var(--sh-gold)}.f-next:before{content:"";transition:transform .9s var(--ease-out-expo);background:linear-gradient(100deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;transform:translate(-150%)skew(-18deg)}.f-next:hover:not(:disabled):before{transform:translate(150%)skew(-18deg)}.f-next iconify-icon{transition:transform .25s}.f-next:hover:not(:disabled) iconify-icon{transform:translate(3px)}.f-counter{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary);font-size:11px}.f-counter b{color:var(--text-primary);font-weight:500}.f-welcome,.f-thanks{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:36rem;display:flex}.f-welcome-eyebrow,.f-thanks-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-gold);align-items:center;gap:.5rem;font-size:11px;display:inline-flex}.f-welcome-eyebrow:before,.f-thanks-eyebrow:before{content:"";background:currentColor;width:20px;height:1px}.f-welcome h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:500;line-height:1.05}.f-welcome h1 em{color:var(--text-gold);font-style:italic;font-weight:400}.f-welcome p{font-size:var(--fs-lg);color:var(--text-secondary);text-wrap:pretty;margin:0 0 1rem;line-height:1.6}.f-start-btn{background:var(--gold-500);color:var(--navy-900);border-radius:var(--r-pill);font-family:var(--font-sans);font-size:var(--fs-base);cursor:pointer;box-shadow:0 10px 30px color-mix(in srgb, var(--gold-500) 30%, transparent);transition:all .3s var(--ease-out-expo);border:0;align-items:center;gap:.6rem;padding:1.1rem 2rem;font-weight:600;display:inline-flex}.f-start-btn:hover{background:var(--gold-400);box-shadow:0 14px 38px color-mix(in srgb, var(--gold-500) 40%, transparent);transform:translateY(-2px)}.f-welcome-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:.5rem;font-size:11px;display:flex}.f-welcome-meta span{align-items:center;gap:.35rem;display:inline-flex}.f-welcome-meta iconify-icon{color:var(--text-gold)}.f-thanks-icon{background:radial-gradient(circle at 35% 35%, var(--gold-400), var(--gold-600));width:72px;height:72px;color:var(--navy-900);box-shadow:0 0 0 6px color-mix(in srgb, var(--gold-500) 18%, transparent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.f-thanks-icon iconify-icon{font-size:2rem}.f-thanks h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:500;line-height:1.05}.f-thanks h1 em{color:var(--text-gold);font-style:italic;font-weight:400}.f-thanks p{font-size:var(--fs-lg);color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.6}.f-thanks-summary{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:.5rem;width:100%;max-width:32rem;margin-top:1rem;padding:1.25rem 1.5rem;display:flex}.f-thanks-summary h5{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary);margin:0 0 .4rem;font-size:10px;font-weight:500}.f-thanks-row{border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm);grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:.4rem 0;display:grid}.f-thanks-row:last-child{border-bottom:0}.f-thanks-row .lab{color:var(--text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;font-size:10px}.f-thanks-row .val{color:var(--text-primary);text-align:right;overflow-wrap:break-word;max-width:16rem;font-weight:500}.f-thanks-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem;display:flex}.f-err{font-family:var(--font-mono);color:#c0392b;animation:shake .4s var(--ease-in-out);align-items:center;gap:.4rem;margin-top:.6rem;font-size:11px;display:inline-flex}[data-theme=dark] .f-err{color:#f08a7a}.f-err iconify-icon{font-size:.95rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width:640px){.f-stage{padding:1rem 1.25rem}.f-q-title{font-size:clamp(1.5rem,7vw,2.25rem)}.f-input.big{font-size:clamp(1.4rem,6vw,2rem)}.f-footer{padding:1rem 1.25rem 1.25rem}.f-next{padding:.8rem 1.25rem}}