.startbox{--white:#fff;--ink:#121c2e;--ink-2:#3d4a60;--ink-3:#56627a;--line-2:#cfd8e5;--mist-400:#8fa9d6;--deep-600:#2f5a9e;--deep-800:#17305c;--ok:#1d7a4c;--font:"Red Hat Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Gabarito", "Red Hat Text", system-ui, sans-serif;--c3:0 0 0 1px #17305c12, 0 2px 4px #17305c0d, 0 22px 48px -18px #17305c52;--ease:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.16, 1, .3, 1);box-sizing:border-box;background:var(--white);max-width:580px;box-shadow:var(--c3);font:400 16px/1.55 var(--font);letter-spacing:-.003em;color:var(--ink);text-align:start;text-rendering:auto;-webkit-font-smoothing:antialiased;border-radius:24px;grid-template-columns:minmax(0,1fr);gap:22px;margin:0;padding:32px;display:grid}.startbox *,.startbox :before,.startbox :after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.startbox svg{vertical-align:baseline;flex:none;max-width:100%;display:block}.startbox button,.startbox input{font:inherit;color:inherit}.startbox button{cursor:pointer;background:0 0;border:0;margin:0;padding:0}.startbox :focus-visible{outline:2px solid var(--deep-600);outline-offset:2px}.startbox .sb-field{gap:8px;margin:0;display:grid}.startbox .sb-lbl{font:700 17px/1.3 var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0}.startbox .sb-dob{position:relative}.startbox .sb-input{background:var(--white);letter-spacing:.02em;font-variant-numeric:tabular-nums;caret-color:auto;width:100%;height:68px;box-shadow:inset 0 0 0 1px var(--line-2), 0 1px 2px #17305c0a;transition:box-shadow .2s var(--out), background-color .2s;border:0;border-radius:16px;margin:0;padding:0 60px 0 20px;font-size:22px;font-weight:700}.startbox .sb-input::placeholder{color:#a6b1c4;letter-spacing:.04em;opacity:1;font-weight:500}.startbox .sb-input:hover{box-shadow:inset 0 0 0 1px var(--mist-400), 0 1px 2px #17305c0a}.startbox .sb-input:focus{box-shadow:inset 0 0 0 1.5px var(--deep-600), 0 0 0 5px #2f5a9e1f;outline:none}.startbox .sb-input.is-ok{box-shadow:inset 0 0 0 1.5px #1d7a4c8c}.startbox .sb-input.is-err{animation:sb-shake .38s var(--out);box-shadow:inset 0 0 0 1.5px #c0392b,0 0 0 5px #c0392b1a}.startbox .sb-dob.is-ok .sb-input{box-shadow:inset 0 0 0 1.5px #1d7a4c99,0 0 0 5px #1d7a4c1a}.startbox .sb-ok{background:var(--ok);color:#fff;opacity:0;width:32px;height:32px;transition:transform .5s var(--spring), opacity .2s;border-radius:50%;place-items:center;margin:auto 0;display:grid;position:absolute;top:0;bottom:0;right:16px;transform:scale(.3);box-shadow:0 6px 14px -6px #1d7a4cb3}.startbox .sb-ok svg{stroke-width:3.2px;stroke-dasharray:24;stroke-dashoffset:24px;width:17px;height:17px;transition:stroke-dashoffset .4s var(--out) .12s}.startbox .sb-dob.is-ok .sb-ok{opacity:1;transform:scale(1)}.startbox .sb-dob.is-ok .sb-ok svg{stroke-dashoffset:0}.startbox .sb-err{color:#b42318;animation:sb-in .3s var(--out);margin:6px 0 0;font-size:14px;font-weight:600}.startbox .sb-err[hidden]{display:none}.startbox .sb-seg{background:#e9eff8;border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:5px;display:grid;position:relative}.startbox .sb-seg button{z-index:1;height:54px;color:var(--ink-2);transition:background-color .25s var(--out), color .2s, box-shadow .25s var(--out), transform .4s var(--spring);border-radius:12px;justify-content:center;align-items:center;gap:7px;font-size:16px;font-weight:700;display:inline-flex;position:relative}.startbox .sb-seg button svg{width:17px;height:17px}.startbox .sb-seg button[aria-pressed=true]{color:var(--deep-800)}@media (hover:hover){.startbox .sb-seg button[aria-pressed=false]:hover{color:var(--ink)}}.startbox .sb-seg button:active{transform:scale(.97)}.startbox .sb-thumb{z-index:0;transition:transform .5s var(--spring), width .5s var(--spring);background:#fff;border-radius:12px;position:absolute;top:5px;bottom:5px;left:4px;box-shadow:0 1px 2px #121c2e14,0 4px 14px -4px #17305c38}.startbox .sb-go{letter-spacing:-.005em;white-space:nowrap;color:#fff;width:100%;height:62px;transition:background-color .2s, box-shadow .3s var(--out), transform .4s var(--spring);background:linear-gradient(#22427a 0%,#17305c 100%);border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:0 24px;font-size:17.5px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff24,0 1px 2px #0b1a334d,0 10px 22px -10px #17305cb3}.startbox .sb-go svg{width:18px;height:18px;transition:transform .2s var(--ease)}@media (hover:hover) and (pointer:fine){.startbox .sb-go:hover{background:linear-gradient(#2a4d8a 0%,#1b3868 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,0 2px 4px #0b1a334d,0 16px 30px -12px #17305cbf}.startbox .sb-go:hover svg{transform:translate(3px)}}.startbox .sb-go:active{transition-duration:.1s;transform:scale(.975)translateY(0)}.startbox .sb-afm{color:var(--ink-3);margin:-6px 0 0;font-size:12.5px;line-height:1.5}@media (width<=720px){.startbox{border-radius:22px;gap:18px;padding:22px}.startbox .sb-input{height:62px;font-size:20px}}@media (prefers-reduced-motion:reduce){.startbox,.startbox *,.startbox :before,.startbox :after{transition:none!important;animation:none!important}}@keyframes sb-shake{20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes sb-in{0%{opacity:0;transform:translateY(-6px)}}
