:root{--brand-primary: #f5c022;--brand-primary-strong: #e2ae15;--brand-text: #303645;--brand-text-muted: #6c7485;--brand-bg: #f4f5f7;--brand-surface: #ffffff;--brand-border: #e5e8ef;--brand-success: #13a649;--brand-warning: #b45309;--brand-danger: #d32f2f;--brand-shadow: 0 18px 42px rgba(34, 41, 57, .1);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--font-sans: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;font-family:var(--font-sans);color:var(--brand-text);background:var(--brand-bg)}body{overflow:hidden}a{color:inherit;text-decoration:none}.app-shell{max-width:480px;height:100dvh;margin:0 auto;background:var(--brand-surface);box-shadow:var(--brand-shadow);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.top-bar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--brand-border);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-bar__logo{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:.75rem;color:#1f2533;background:var(--brand-primary)}.top-bar__title{margin:0;font-size:1.02rem;line-height:1.2;font-weight:700}.top-bar__action{font-size:.8rem;color:var(--brand-text-muted)}.app-content{padding:12px;overflow:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.app-content::-webkit-scrollbar{width:0!important;height:0!important;display:none}.page{display:grid;gap:10px;align-content:start}.page--flow{padding-bottom:80px}.section-header h2{margin:0;font-size:1.07rem}.section-header p{margin:4px 0 0;color:var(--brand-text-muted);line-height:1.35;font-size:.9rem}.hero-panel{border-radius:var(--radius-lg);padding:12px;background:linear-gradient(145deg,#f8cf56,#f5bc1e);color:#22262f}.hero-panel h2{margin:6px 0 4px;font-size:1.06rem}.hero-panel p{margin:0;line-height:1.3;font-size:.88rem}.hero-panel__badge{display:inline-flex;padding:4px 10px;border-radius:999px;background:#ffffff7a;font-size:.74rem;font-weight:700}.card-stack{display:grid;gap:8px}.card-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:12px;background:var(--brand-surface);display:grid;gap:8px}.card--soft{background:#fcfaf2}.card--selectable{cursor:pointer}.card--selectable.is-selected{border-color:var(--brand-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 70%,transparent)}.card h2,.card h3{margin:0}.card p{margin:0;color:var(--brand-text-muted);line-height:1.32;font-size:.86rem}.card__row{display:flex;justify-content:space-between;align-items:center;gap:10px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:.69rem;color:#4b5563;background:#f3f4f6}.chip--success{color:#12853f;background:#e8f9ee;font-weight:700}.actions{display:grid;gap:8px}.actions--row{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 14px;font-size:.88rem;font-weight:700;cursor:pointer;transition:transform .17s ease,border-color .17s ease,background-color .17s ease;display:inline-flex;justify-content:center;align-items:center;min-height:42px}.btn:hover{transform:translateY(-1px)}.btn--wide{width:100%}.btn--primary{background:var(--brand-primary);color:#1d2637}.btn--primary:hover{background:var(--brand-primary-strong)}.btn--outline{border-color:var(--brand-border);background:#fff;color:var(--brand-text)}.btn--ghost{border-color:#edf0f5;background:#f9fafb;color:var(--brand-text-muted)}.btn.is-disabled{pointer-events:none;opacity:.6}.btn:disabled{pointer-events:none;opacity:.6}.status{border-radius:var(--radius-sm);padding:9px 10px;background:#f3f4f6;color:#111827;font-size:.86rem}.status--error{background:#fef2f2;color:var(--brand-danger)}.status--note{background:#fffbef;border:1px solid #f3dfaa;color:#6b5a2f}.badge{border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:700;background:#edf0f5;color:#374151}.badge--ok{background:#e8f9ee;color:var(--brand-success)}.badge--warn{background:#fff7ed;color:var(--brand-warning)}.field{display:grid;gap:6px;font-weight:700;font-size:.85rem}.field__input{border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:10px;font:inherit}textarea.field__input{min-height:88px;resize:vertical}.field__input:focus{outline:2px solid color-mix(in srgb,var(--brand-primary) 65%,white);border-color:var(--brand-primary)}.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--brand-border);background:#fff;box-shadow:0 -6px 18px #2229390f}.bottom-nav__item{display:inline-grid;grid-auto-flow:row;gap:4px;justify-content:center;align-items:center;padding:8px 4px 6px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;color:var(--brand-text-muted)}.bottom-nav__icon{width:22px;height:22px;color:#95a3b8}.bottom-nav__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bottom-nav__label{line-height:1}.bottom-nav__item.is-active,.bottom-nav__item.is-active .bottom-nav__icon{color:#efac00}.brand-mark{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:.75rem;color:#1f2533;background:var(--brand-primary)}.splash-screen{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:12px;background:#fff}.splash-screen__logo{display:grid;justify-items:center;gap:10px}.splash-screen__logo strong{font-size:1.9rem;line-height:1}.splash-screen__text{margin:0;color:var(--brand-text-muted)}.loader{width:34px;height:34px;border-radius:50%;border:3px solid rgba(62,66,77,.16);border-top-color:var(--brand-primary-strong);animation:spin .9s linear infinite}.onboarding-screen{max-width:480px;min-height:100svh;margin:0 auto;background:var(--brand-surface);padding:12px;display:grid;gap:10px;align-content:start}.onboarding-brand{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:4px}.onboarding-brand h2{margin:0;font-size:1.7rem;line-height:1}.onboarding-progress{display:flex;justify-content:center;gap:8px}.onboarding-progress span{width:7px;height:7px;border-radius:999px;background:#e6e9ee}.onboarding-progress span.is-active{width:18px;background:var(--brand-primary)}.onboarding-screen__header h1{margin:0;font-size:2rem;line-height:1.05}.onboarding-screen__header p{margin:8px 0 0;color:var(--brand-text-muted);font-size:1rem}.onboarding-hero{border-radius:var(--radius-md);border:1px solid var(--brand-border);background:#f5f6f9;overflow:hidden}.onboarding-hero img{width:100%;height:190px;object-fit:cover;display:block}.onboarding-feature-row{border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:12px;display:flex;align-items:center;gap:10px;background:#fafbfd}.onboarding-feature-row p{margin:0;color:#4f596d;font-weight:600}.onboarding-panel{border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:12px;display:grid;gap:10px}.onboarding-panel h1{margin:0;font-size:2rem;line-height:1.05}.onboarding-panel>p{margin:0;color:var(--brand-text-muted)}.onboarding-step-list{display:grid;gap:8px}.onboarding-step{background:#fafbfd;border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:9px 10px;display:grid;grid-template-columns:auto 1fr;gap:8px}.onboarding-step__index{font-weight:700;color:#4c5568}.onboarding-step h3{margin:0;font-size:.92rem}.onboarding-step p{margin:2px 0 0;font-size:.76rem;color:var(--brand-text-muted)}.onboarding-actions{margin-top:auto;display:grid;gap:8px}.onboarding-actions--padded{padding-bottom:max(6px,env(safe-area-inset-bottom))}.onboarding-actions__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.onboarding-header-line{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.onboarding-header-line h2{margin:0;font-size:1.02rem}.onboarding-header-line p{margin:2px 0 0;color:var(--brand-text-muted);font-size:.8rem}.steps-counter{font-size:.8rem;color:var(--brand-text-muted)}.icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--brand-border);background:#fff;color:#3a4253;cursor:pointer}.header-progress-line{height:4px;border-radius:999px;background:#eceff4;overflow:hidden}.header-progress-line span{display:block;height:100%;background:var(--brand-primary)}.consent-screen__body{display:grid;gap:10px}.consent-screen__body h1{margin:0;font-size:2rem;line-height:1.05}.consent-screen__body>p{margin:0;color:var(--brand-text-muted)}.security-note{border:1px solid #f2ddad;background:#fff8e8;border-radius:var(--radius-sm);padding:10px;display:grid;gap:4px}.security-note strong{font-size:.9rem}.security-note span{font-size:.8rem;color:#6b5a2f;line-height:1.3}.docs-list{border:1px solid var(--brand-border);border-radius:var(--radius-sm);overflow:hidden}.doc-row{width:100%;border:0;border-bottom:1px solid var(--brand-border);padding:12px;background:#fff;display:flex;justify-content:space-between;align-items:center;color:#3f485a;font-weight:600;cursor:pointer}.doc-row:last-child{border-bottom:0}.consent-check{border:1px solid var(--brand-border);background:#fafbfd;border-radius:var(--radius-sm);padding:10px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;font-size:.82rem;color:#4a5366}.otp-screen__body{display:grid;gap:10px}.otp-screen__body h1{margin:0;font-size:2rem;line-height:1.05}.otp-screen__body p{margin:0;color:var(--brand-text-muted)}.otp-screen__body--center{align-content:center;min-height:52svh;justify-items:center;text-align:center}.blocked-icon{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;font-size:2rem;background:#fff8e8}.otp-link{border:0;background:transparent;color:#d2a018;justify-self:start;padding:0;font-weight:700;cursor:pointer}.otp-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.otp-box{border:1px solid var(--brand-border);border-radius:10px;background:#fff;min-height:50px;display:grid;place-items:center;font-size:1.2rem;font-weight:700}.otp-timer{font-size:.82rem;color:#8c96a9}.otp-error{margin:0;font-size:.82rem;color:var(--brand-danger)}.flow-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.flow-header h2{margin:0;font-size:1.02rem}.flow-header p{margin:2px 0 0;font-size:.78rem;color:var(--brand-text-muted)}.flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;font-size:.66rem;color:#9ba3b3;text-transform:uppercase;font-weight:700}.flow-steps span{text-align:center;border-top:2px solid #e5e7ec;padding-top:6px}.flow-steps span.is-active{border-top-color:var(--brand-primary);color:#4e5669}.area-card--disabled{opacity:.86}.area-card--disabled .btn{opacity:.8}.radio{width:16px;height:16px;border-radius:999px;border:2px solid #cdd3df}.radio--active{border-color:var(--brand-primary);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 8px var(--brand-primary)}.sticky-summary{position:sticky;bottom:6px;background:#fffffffa;border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.sticky-summary p{margin:0;font-size:.74rem;color:var(--brand-text-muted)}.sticky-summary strong{display:block;margin-top:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-animate=stagger]>*{animation:reveal-up .33s ease both}[data-animate=stagger]>*:nth-child(2){animation-delay:45ms}[data-animate=stagger]>*:nth-child(3){animation-delay:90ms}[data-animate=stagger]>*:nth-child(4){animation-delay:135ms}@media(max-width:420px){.top-bar{grid-template-columns:42px 1fr}.top-bar__action{display:none}}@media(max-height:760px){.app-content{padding:10px}.page{gap:8px}.card{padding:10px;gap:7px}.onboarding-screen__header h1,.onboarding-panel h1,.consent-screen__body h1,.otp-screen__body h1{font-size:1.75rem}}