:root{--navy: #0a1a4f;--navy-deep: #06123a;--navy-text: #1b2a4a;--muted: #6b7794;--line: #e1e6f0;--field-bg: #f5f7fc;--white: #ffffff;--bg: #eef1f7;--blue: #1e5bff;--blue-strong: #2358e6;--red: #e4002b;--grad-ribbon: linear-gradient(90deg, #2d7bff 0%, #6a44c4 48%, #e12b3a 100%);--grad-btn: linear-gradient(90deg, #1e5bff 0%, #4a40c0 55%, #e4002b 100%);--radius: 18px;--radius-sm: 12px;--shadow: 0 18px 50px rgba(6, 18, 58, .18);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Golos Text", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);color:var(--navy-text);background:var(--bg);background-image:radial-gradient(130% 70% at 50% -8%,#e7eeff 0%,var(--bg) 55%,#e9edf5 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}.app{max-width:520px;margin:0 auto;padding:16px 16px 32px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.brand{color:var(--navy);padding:8px 4px 18px}.brand__ribbon{height:6px;border-radius:6px;background:linear-gradient(90deg,#2d7bff,#6a44c4,#e12b3a,#6a44c4,#2d7bff);background-size:200% 100%;margin-bottom:16px;animation:ribbon-shimmer 8s ease-in-out infinite alternate}.brand__row{display:flex;align-items:center;gap:14px}.brand__logo{width:64px;height:64px;flex:none;border-radius:50%;background:var(--white);border:1px solid var(--line);box-shadow:0 6px 18px #06123a1f;animation:logo-pop .6s cubic-bezier(.18,.89,.32,1.28) both}.brand__title{display:flex;flex-direction:column;line-height:1.1}.brand__title b{font-size:23px;font-weight:800;letter-spacing:.2px}.brand__title span{margin-top:4px;font-size:13px;font-weight:500;color:var(--muted)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 18px 22px;margin-top:6px}.card__title{margin:2px 0;font-size:20px;font-weight:800;color:var(--navy)}.card__hint{margin:0 0 16px;color:var(--muted);font-size:13.5px}.stepper{display:flex;gap:6px;margin-bottom:18px}.stepper__seg{flex:1;height:5px;border-radius:4px;background:var(--line);overflow:hidden}.stepper__seg.is-done{background:var(--grad-ribbon)}.stepper__seg.is-active{background:var(--blue)}.field{margin-bottom:14px}.field__label{display:block;font-size:13px;font-weight:600;color:var(--navy-text);margin-bottom:6px}.field__label .req{color:var(--red)}.field input,.field select{width:100%;height:48px;padding:0 14px;font-size:16px;font-family:inherit;color:var(--navy-text);background:var(--field-bg);border:1.5px solid transparent;border-radius:var(--radius-sm);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,background .15s}.field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231b2a4a' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.field input:focus,.field select:focus{border-color:var(--blue);background:var(--white)}.field input::placeholder{color:#9aa4bd}.field.is-error input,.field.is-error select{border-color:var(--red);background:#fff5f6}.field__error{margin:6px 2px 0;color:var(--red);font-size:12.5px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phone-box{background:var(--field-bg);border-radius:var(--radius-sm);padding:14px;text-align:center}.phone-box__value{font-size:20px;font-weight:800;color:var(--navy);letter-spacing:.5px}.phone-box__note{color:var(--muted);font-size:13px;margin:6px 0 0}.consent{display:flex;gap:10px;align-items:flex-start;background:var(--field-bg);border-radius:var(--radius-sm);padding:12px 14px;margin:4px 0 16px}.consent input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--blue);flex:none}.consent label{font-size:12.5px;color:var(--navy-text);line-height:1.4}.btn{width:100%;height:52px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;color:var(--white);background:var(--grad-btn);transition:opacity .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn--ghost{background:transparent;color:var(--blue);border:1.5px solid var(--line)}.btn--navy{background:var(--navy)}.btn-row{display:flex;gap:10px;margin-top:18px}.btn-row .btn{flex:1}.alert{background:#fff5f6;color:var(--red);border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;margin-bottom:14px}.center{text-align:center}.success{text-align:center;padding:18px 6px 6px}.success__badge{width:84px;height:84px;border-radius:50%;margin:8px auto 18px;display:grid;place-items:center;background:var(--grad-ribbon)}.success__title{font-size:22px;font-weight:800;color:var(--navy);margin:0 0 8px}.success__text{color:var(--muted);font-size:14px;margin:0 0 6px}.summary{text-align:left;margin:18px 0 4px;border-top:1px solid var(--line)}.summary__item{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:13.5px}.summary__item span{color:var(--muted)}.summary__item b{color:var(--navy-text);font-weight:600;text-align:right}.footer-note{margin-top:auto;padding-top:20px;text-align:center;color:var(--muted);font-size:11.5px}.loader{color:var(--muted);text-align:center;padding:40px 0}@keyframes ribbon-shimmer{0%{background-position:0% 0}to{background-position:100% 0}}@keyframes logo-pop{0%{opacity:0;transform:scale(.6) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes step-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes check-draw{to{stroke-dashoffset:0}}.card{animation:card-in .45s cubic-bezier(.22,.61,.36,1) both}.brand__sub,.footer-note{animation:fade-up .6s ease both}.step-anim{animation:step-in .32s cubic-bezier(.22,.61,.36,1) both}.success__badge{animation:badge-pop .55s cubic-bezier(.18,.89,.32,1.28) both}.success__check{stroke-dasharray:32;stroke-dashoffset:32;animation:check-draw .4s .35s ease forwards}.stepper__seg{transition:background .4s ease}@media (prefers-reduced-motion: reduce){*{animation:none!important}}.menu{display:flex;flex-direction:column;gap:12px;margin-top:6px}.tile{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--white);border:none;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;cursor:pointer;font-family:inherit;animation:card-in .45s cubic-bezier(.22,.61,.36,1) both;transition:transform .12s ease,box-shadow .2s ease}.tile:not(.is-disabled):active{transform:scale(.985)}.tile:not(.is-disabled):hover{box-shadow:0 22px 56px #06123a3d}.tile.is-disabled{opacity:.55;cursor:default}.tile__icon{width:48px;height:48px;flex:none;border-radius:14px;display:grid;place-items:center;color:var(--white);background:var(--grad-btn)}.tile.is-disabled .tile__icon{background:var(--muted)}.tile__text{flex:1;min-width:0;display:flex;flex-direction:column}.tile__text b{font-size:16px;font-weight:700;color:var(--navy)}.tile__text span{font-size:13px;color:var(--muted);margin-top:2px}.tile__badge{font-size:11.5px;font-weight:700;color:var(--blue);background:#1e5bff1a;padding:4px 9px;border-radius:20px;white-space:nowrap}.tile__chevron{color:#c2cae0;display:grid;place-items:center}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}.profile-head__avatar{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--white);font-size:24px;font-weight:800;background:var(--grad-ribbon)}.profile-head__name{display:flex;flex-direction:column}.profile-head__name b{font-size:18px;font-weight:800;color:var(--navy)}.profile-head__name span{font-size:13px;color:var(--muted);margin-top:2px}.profile-empty{text-align:center;padding:12px 6px 6px}.profile-empty__icon{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;color:var(--white);background:var(--grad-ribbon)}.profile-empty .btn{margin-top:16px}.backbar{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--white);border:1px solid var(--line);color:var(--navy);font-family:inherit;font-size:14px;font-weight:600;padding:8px 14px 8px 11px;border-radius:22px;cursor:pointer;margin-bottom:12px;box-shadow:0 4px 14px #06123a0f;transition:transform .1s ease,box-shadow .2s ease;animation:fade-up .3s ease both}.backbar:active{transform:scale(.97)}.backbar__chevron{font-size:20px;line-height:1;margin-top:-2px}img.profile-head__avatar{object-fit:cover}.survey-q{font-size:15.5px;font-weight:600;color:var(--navy-text);line-height:1.4;margin:4px 0 14px}.survey-textarea{width:100%;padding:12px 14px;font-size:16px;font-family:inherit;color:var(--navy-text);background:var(--field-bg);border:1.5px solid transparent;border-radius:var(--radius-sm);outline:none;resize:vertical;min-height:110px;transition:border-color .15s,background .15s}.survey-textarea:focus{border-color:var(--blue);background:var(--white)}.survey-textarea::placeholder{color:#9aa4bd}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:flex-start;gap:11px;padding:14px;background:var(--field-bg);border:1.5px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:14.5px;line-height:1.4;color:var(--navy-text);transition:border-color .15s,background .15s}.option input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue);flex:none}.option.is-selected{border-color:var(--blue);background:#eef3ff}.tile.is-highlight{background:linear-gradient(180deg,#fff,#f3f6ff);border:1.5px solid rgba(30,91,255,.35)}.tile.is-highlight .tile__badge{color:var(--white);background:var(--grad-btn)}.profile-link{display:flex;align-items:center;gap:8px;align-self:center;margin-top:6px;padding:9px 16px;background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border-radius:20px;transition:background .15s,color .15s;animation:fade-up .4s ease both}.profile-link:hover{color:var(--navy);background:#0a1a4f0a}.profile-link:active{transform:scale(.98)}.profile-link span{line-height:1}.tile.is-done{background:#f7f9fc}.tile.is-done .tile__icon{background:#cfd8ea;color:#fff}.tile.is-done .tile__text b{color:var(--navy-text)}.tile__badge.is-done{display:inline-flex;align-items:center;gap:4px;color:#1c8a4a;background:#1c8a4a1f}
