:root{--primary:#ffffff;--accent:#22c55e;--bg1:#a1c5cc;--bg2:#0C133D;--text:#1f2937;--muted:#667085;--card:#ffffff;--ring:#0C133D;--shadow:0 12px 40px rgba(0,0,0,.1);--shadow-hover:0 18px 50px rgba(0,0,0,.14)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}.brand{display:flex;align-items:center;gap:12px;transform:translateZ(0)}.brand img{height:38px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.12));border-radius:6px;object-fit:contain}.brand h1{font-size:20px;color:var(--primary);margin:0;letter-spacing:.2px}h2{margin:0 0 5px;font-size:24px}p{color:var(--muted);margin:0 0 6px}input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e6e7eb;background:#fff;transition:box-shadow .2s ease,border-color .2s ease,transform .08s ease}input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 4px color-mix(in oklab,var(--ring) 25%,transparent);transform:translateY(-1px)}.btn{background:#eef2ff;color:#1f2937;border:none;border-radius:12px;padding:11px 18px;cursor:pointer;font-weight:600;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease;box-shadow:0 2px #00000008}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0);box-shadow:0 1px #0000000d}.btn.next{background:var(--accent);color:#fff}.btn.next:hover{box-shadow:var(--shadow-hover);filter:saturate(1.1)}.btn:disabled{opacity:.6;cursor:not-allowed;filter:none}small.error{color:#e11d48}.muted{color:var(--muted)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.option{padding-right:58px}.option.selected:after{content:"✓";position:absolute;right:14px;top:50%;transform:translateY(-50%) scale(1);width:28px;height:28px;border-radius:999px;background:var(--accent, #22c55e);color:#fff;font-weight:900;font-size:16px;display:grid;place-items:center;box-shadow:0 8px 20px #22c55e40;animation:checkPop .18s ease-out}.option.selected.theme-blue:after{background:#2563eb}.option.selected.theme-green:after{background:#22c55e}.option.selected.theme-purple:after{background:#a855f7}.option.selected.theme-amber:after{background:#f59e0b}:root{--step-done: #0e891b;--step-active: #2563eb;--step-up-bg: #e5e7eb;--step-up-fg: #6b7280}.stepper{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.stepper-item{display:flex;align-items:center;gap:10px}.stepper-node{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:46px}.bubble{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:transform .15s ease,box-shadow .2s ease,background .2s}.bubble.done{background:var(--step-done);color:#fff;box-shadow:0 8px 18px #2563eb59}.bubble.active{background:var(--step-active);color:#fff;box-shadow:0 10px 24px #2563eb59}.bubble.upcoming{background:var(--step-up-bg);color:var(--step-up-fg);border:1px solid #e2e8f0}.option.block{padding-right:58px}.option.block.selected:after{content:"✓";position:absolute;right:14px;top:50%;transform:translateY(-50%) scale(1);width:28px;height:28px;border-radius:999px;background:var(--accent, #22c55e);color:#fff;font-weight:900;font-size:16px;display:grid;place-items:center;box-shadow:0 8px 20px #22c55e40;animation:checkPop .18s ease-out}@keyframes checkPop{0%{transform:translateY(-50%) scale(.7);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}.option.block.selected.theme-blue:after{background:#2563eb}.option.block.selected.theme-green:after{background:#22c55e}.option.block.selected.theme-purple:after{background:#a855f7}.option.block.selected.theme-amber:after{background:#f59e0b}.connector{width:18px;height:3px;border-radius:999px;background:#cbd5e1}.connector.done{background:color-mix(in oklab,var(--step-done) 70%,white)}.slabel{font-size:12px;color:#111827;max-width:72px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bubble:hover{transform:translateY(-2px) scale(1.03)}.step input+input{margin-top:8px}@media (max-width:560px){.stepper{flex-wrap:wrap;row-gap:12px}}.brand{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.brand img{display:block;width:auto;height:var(--brand-logo-size, 56px);object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.12));border-radius:8px}.brand h1{margin:0;font-size:22px;color:var(--primary);letter-spacing:.2px}.brand--outside{margin-bottom:10px}.brand--inside{margin-bottom:8px}.card.wizard{width:620px;max-width:96vw;background:color-mix(in oklab,var(--card) 86%,rgba(255,255,255,.4));border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:var(--shadow);padding:18px 22px 26px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cardPop .35s ease both}@keyframes cardPop{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.steps{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px}.dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b;background:#f2f6ff;border:1px solid #e7ecff;transition:transform .15s ease,background .2s,color .2s,box-shadow .2s}.dot.active{background:var(--primary);color:#fff;box-shadow:0 6px 18px #2b6cb057}.dot.done{background:#22c55e1a;color:#16a34a;border-color:#bbf7d0}.dot:hover{transform:translateY(-2px) scale(1.05)}.step{animation:fadeUp .32s ease both;will-change:transform,opacity}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.options{display:grid;gap:12px}.options.vertical{grid-template-columns:1fr}.option{position:relative;border:1px solid #4d62bf;border-radius:14px;padding:14px 16px;background:#fff;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .25s ease,border-color .2s ease,background .2s ease}.option:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in oklab,var(--primary) 25%,#e6e7eb)}.option.selected{background:#d4f6e0;border-color:#92dff0;box-shadow:0 10px 28px #3b82f638}.option.selected.theme-blue{background:#eaf2ff;border-color:#3b82f6;box-shadow:0 10px 28px #3b82f638}.option.selected.theme-green{background:#eafcf3;border-color:#22c55e;box-shadow:0 10px 28px #22c55e38}.option.selected.theme-purple{background:#f2ecff;border-color:#a855f7;box-shadow:0 10px 28px #a855f738}.option.selected.theme-amber{background:#fff6e6;border-color:#f59e0b;box-shadow:0 10px 28px #f59e0b38}.option.theme-blue{background:#f7fbff}.option.theme-green{background:#f7fefb}.option.theme-purple{background:#faf7ff}.option.theme-amber{background:#fffbf4}.option.block .title{font-weight:700;margin-bottom:4px}.option.block .desc{color:#6b7280;font-size:14px}.gender{display:flex;gap:10px;margin:8px 0}.chip{border:1px solid #e6e7eb;background:#fff;border-radius:999px;padding:10px 14px;transition:all .2s ease;cursor:pointer}.chip:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.chip.selected{background:#ecfeff;border-color:#06b6d4;color:#075985;box-shadow:0 6px 20px #06b6d440}.summary{border:1px solid #e6e7eb;border-radius:14px;padding:12px;background:#fff}.summary .row{display:flex;justify-content:space-between;gap:12px;padding:8px 4px;border-bottom:1px dashed #eaecef}.summary .row:last-child{border-bottom:none}.summary .k{color:#64748b}.summary .v{font-weight:600}.date-time-grid{display:grid;gap:12px}.time-list{position:relative}.time-options{display:grid;grid-template-columns:repeat(var(--time-cols, 3),1fr);gap:10px;margin-top:10px}.time{border:1px solid #e6e7eb;border-radius:12px;padding:12px;background:#fff;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.time:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.time.selected{outline:0;border-color:#3b82f6;background:#eaf2ff;box-shadow:0 10px 24px #2b6cb02e}.time.disabled{opacity:.45;pointer-events:none}.other-wrap{margin-top:12px}.other-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e6e7eb;background:#fff;transition:border-color .2s,box-shadow .2s}.other-input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 4px #93c5fd59}.other-input.has-error{border-color:#ef4444}.step .actions{display:flex;justify-content:space-between;margin-top:16px}.success{text-align:center}.success-circle{width:86px;height:86px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:42px;margin:8px auto 16px;box-shadow:0 12px 34px #16a34a40}.option:focus-visible,.time:focus-visible,.btn:focus-visible{outline:4px solid color-mix(in oklab,#93c5fd 30%,transparent);outline-offset:2px}@media (max-width: 520px){.card.wizard{padding:16px}.time-options{grid-template-columns:repeat(2,1fr)!important}.dot{width:30px;height:30px}}.step{display:flex;flex-direction:column;text-align:center}.option:focus-visible,.time:focus-visible,.btn:focus-visible{outline:4px solid color-mix(in oklab,var(--ring, #93c5fd) 30%,transparent);outline-offset:2px}@keyframes pulseGlow{0%{box-shadow:0 0 color-mix(in oklab,var(--accent, #22c55e) 0%,transparent)}70%{box-shadow:0 0 0 12px color-mix(in oklab,var(--accent, #22c55e) 22%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--accent, #22c55e) 0%,transparent)}}.option.selected,.time.selected,.chip.selected{animation:pulseGlow .7s ease-out 1}@media (prefers-reduced-motion: reduce){.option.selected,.time.selected,.chip.selected{animation:none!important}.option:focus-visible,.time:focus-visible,.btn:focus-visible{outline-width:3px}}