@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";:root{color-scheme:light;--bg: #f9fcfc;--surface: #ffffff;--surface-soft: #eef8f6;--text: #243938;--text-muted: #748582;--border: #e1ecea;--primary: #7fd9cb;--primary-deep: #7fd9cb;--primary-soft: rgba(122, 217, 201, .12);--danger: #d35252;--success: #259574;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--ring: rgba(122, 217, 201, .45);--radius: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{font:inherit}.page-shell{min-height:100vh;padding:32px 16px 64px}.page-content{width:min(100%,512px);margin:0 auto}.language-toggle{position:fixed;top:16px;right:16px;z-index:50;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:500;box-shadow:var(--shadow);transition:background-color .18s ease,border-color .18s ease}.language-toggle:hover{background:var(--surface-soft)}.hero-copy{width:100%;margin-bottom:32px;text-align:center}.brand-logo{display:block;height:40px;width:auto;margin:0 auto 24px}.badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;border-radius:999px;background:var(--primary-soft);color:var(--text);padding:6px 16px;font-size:14px;font-weight:500}.badge svg{color:var(--primary)}.intro-text{margin:0 auto;max-width:100%;font-size:14px;line-height:1.625;color:var(--text-muted)}.intro-text strong{color:var(--text);font-weight:700}.stepper{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:32px}.stepper-item{display:flex;align-items:center;gap:8px}.step-bubble{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf2f2;color:var(--text-muted);font-size:12px;font-weight:700;transition:background-color .22s ease,color .22s ease}.step-bubble.active{background:var(--primary-deep);color:#fff}.step-line{width:32px;height:2px;border-radius:999px;background:#edf2f2;transition:background-color .22s ease}.step-line.active{background:var(--primary-deep)}.card{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:24px;box-shadow:var(--shadow)}.card h1{margin:0 0 4px;font-size:18px;line-height:1.3;font-weight:600}.question-subtitle{min-height:20px;margin:0 0 20px;font-size:14px;color:var(--text-muted)}.panel-enter{animation:panel-enter .22s ease}@keyframes panel-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.option-list{display:grid;gap:12px}.option-card{position:relative;display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.option-card:hover{border-color:#43b8a866;background:var(--surface-soft)}.option-card.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.option-card input{position:absolute;opacity:0;pointer-events:none}.radio-ui{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--primary-deep);border-radius:50%;flex:0 0 auto;color:var(--primary-deep)}.radio-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-deep);transform:scale(0);transition:transform .18s ease}.option-card.selected .radio-dot{transform:scale(1)}.field-block{display:flex;flex-direction:column;gap:8px;position:relative}.field-block span{font-size:14px;font-weight:500}.field-hint{margin:0;font-size:13px;line-height:1.35}.field-hint-error{color:var(--danger)}.field-block input,.field-select{width:100%;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);height:40px;padding:8px 12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.custom-select-trigger .placeholder{color:var(--text-muted)}.custom-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:4px}.custom-select-option{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:6px;background:transparent;color:var(--text);padding:8px 10px;text-align:left;font-size:14px}.custom-select-option:hover,.custom-select-option.selected{background:var(--surface-soft)}.custom-select-check{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 14px;color:var(--text)}.field-block input:focus,.field-select:focus{border-color:var(--primary-deep);box-shadow:0 0 0 2px var(--ring)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.status-message{margin:14px 4px 0;font-size:14px}.status-message.error{color:var(--danger)}.status-message.success{color:var(--success)}.actions{display:flex;gap:12px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;width:100%;border-radius:6px;border:1px solid transparent;padding:10px 16px;font-size:14px;font-weight:500;transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.button:not(:disabled):hover{filter:brightness(.98)}.button-primary{background:var(--primary-deep);color:#fff}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.success-state{text-align:center}.success-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:rgba(122,217,201,.15);color:var(--primary-deep)}.success-state p{margin:0;color:var(--text-muted);line-height:1.7}.icon{width:16px;height:16px;flex:0 0 auto}.chevron-icon{opacity:.5;transition:transform .18s ease}.chevron-icon.open{transform:rotate(180deg)}.icon.flipped{transform:scaleX(-1)}@media (max-width: 640px){.page-shell{padding-top:72px;padding-bottom:32px}.card{padding:22px}.details-grid{grid-template-columns:1fr}.actions{flex-direction:column}}
