@charset "UTF-8";.startbox{--white: #FFFFFF;--ink: #142330;--ink-2: #3c4958;--ink-3: #546577;--head: #081f2c;--line-2: #d2dce7;--mist-400: #afc0d2;--line-strong: #718295;--err: #b42318;--deep-600: #1a6a8d;--deep-800: #0e3a50;--deep-700: #11506d;--r: 12px;--R: 20px;--action: #11506d;--action-hover: #0e3a50;--action-active: #0b2c3d;--deep-900: #0b2c3d;--deep-950: #081f2c;--mist-200: #e1ebf6;--ok: #157a4b;--font: "Greycliff CF", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif: var(--font);--c3: 0 0 0 1px rgba(19, 37, 51, .06), 0 1px 2px rgba(19, 37, 51, .05), 0 12px 32px -12px rgba(19, 37, 51, .18);--ease: ease;--spring: cubic-bezier(.16, 1, .3, 1);--out: cubic-bezier(.16, 1, .3, 1);--sh: 206 40% 12%;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:580px;margin:0;padding:32px;border-radius:var(--R);background:var(--white);-webkit-box-shadow:var(--c3);box-shadow:var(--c3);font:400 16px/1.55 var(--font);color:var(--ink);text-align:start;text-rendering:auto;-webkit-font-smoothing:antialiased}.startbox *,.startbox *:before,.startbox *:after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.startbox svg{display:block;max-width:100%;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;vertical-align:baseline}.startbox button,.startbox input{font:inherit;color:inherit}.startbox button{margin:0;padding:0;border:0;background:none;cursor:pointer}.startbox :focus-visible{outline:2px solid var(--deep-600);outline-offset:2px}.startbox .sb-field{display:grid;gap:8px;margin:0}.startbox .sb-lbl{margin:0;font:700 17px/1.3 var(--serif);color:var(--ink)}.startbox .sb-dob{position:relative}.startbox .sb-input{width:100%;height:68px;margin:0;padding:0 60px 0 20px;border:0;border-radius:var(--r);background:var(--white);-webkit-box-shadow:inset 0 0 0 1px var(--line-2),0 1px 2px hsl(var(--sh)/.06);box-shadow:inset 0 0 0 1px var(--line-2),0 1px 2px hsl(var(--sh)/.06);font-size:24px;font-weight:700;letter-spacing:.02em;color:var(--ink);caret-color:auto;-webkit-transition:background-color .2s,-webkit-box-shadow .2s var(--out);transition:background-color .2s,-webkit-box-shadow .2s var(--out);transition:box-shadow .2s var(--out),background-color .2s;transition:box-shadow .2s var(--out),background-color .2s,-webkit-box-shadow .2s var(--out)}.startbox .sb-input::-webkit-input-placeholder{font-weight:500;letter-spacing:.04em;color:var(--ink-3);opacity:1}.startbox .sb-input::-moz-placeholder{font-weight:500;letter-spacing:.04em;color:var(--ink-3);opacity:1}.startbox .sb-input:-ms-input-placeholder{font-weight:500;letter-spacing:.04em;color:var(--ink-3);opacity:1}.startbox .sb-input::-ms-input-placeholder{font-weight:500;letter-spacing:.04em;color:var(--ink-3);opacity:1}.startbox .sb-input::placeholder{font-weight:500;letter-spacing:.04em;color:var(--ink-3);opacity:1}.startbox .sb-input:hover{-webkit-box-shadow:inset 0 0 0 1px var(--line-strong),0 1px 2px hsl(var(--sh)/.06);box-shadow:inset 0 0 0 1px var(--line-strong),0 1px 2px hsl(var(--sh)/.06)}.startbox .sb-input:focus,.startbox .sb-input:focus:hover{outline:none;-webkit-box-shadow:inset 0 0 0 1.5px var(--deep-600),0 0 0 4px rgba(26,106,141,.14);box-shadow:inset 0 0 0 1.5px var(--deep-600),0 0 0 4px #1a6a8d24}.startbox .sb-input.is-ok,.startbox .sb-dob.is-ok .sb-input{-webkit-box-shadow:inset 0 0 0 1.5px var(--ok),0 1px 2px hsl(var(--sh)/.06);box-shadow:inset 0 0 0 1.5px var(--ok),0 1px 2px hsl(var(--sh)/.06)}.startbox .sb-input.is-err,.startbox .sb-input.is-err:focus{-webkit-box-shadow:inset 0 0 0 1.5px var(--err),0 0 0 4px rgba(180,35,24,.1);box-shadow:inset 0 0 0 1.5px var(--err),0 0 0 4px #b423181a;-webkit-animation:sb-shake .38s var(--out);animation:sb-shake .38s var(--out)}.startbox .sb-ok{position:absolute;right:16px;top:0;bottom:0;margin:auto 0;width:32px;height:32px;border-radius:50%;background:var(--ok);color:var(--white);display:grid;place-items:center;-webkit-transform:scale(.3);transform:scale(.3);opacity:0;-webkit-transition:opacity .2s,-webkit-transform .5s var(--spring);transition:opacity .2s,-webkit-transform .5s var(--spring);transition:transform .5s var(--spring),opacity .2s;transition:transform .5s var(--spring),opacity .2s,-webkit-transform .5s var(--spring);-webkit-box-shadow:0 4px 10px -4px rgba(21,122,75,.55);box-shadow:0 4px 10px -4px #157a4b8c}.startbox .sb-ok svg{width:17px;height:17px;stroke-width:3.2;stroke-dasharray:24;stroke-dashoffset:24;-webkit-transition:stroke-dashoffset .4s var(--out) .12s;transition:stroke-dashoffset .4s var(--out) .12s}.startbox .sb-dob.is-ok .sb-ok{-webkit-transform:scale(1);transform:scale(1);opacity:1}.startbox .sb-dob.is-ok .sb-ok svg{stroke-dashoffset:0}.startbox .sb-err{margin:6px 0 0;font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--err);-webkit-animation:sb-in .3s var(--out);animation:sb-in .3s var(--out)}.startbox .sb-err[hidden]{display:none}.startbox .sb-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:5px;border-radius:16px;background:var(--mist-200)}.startbox .sb-seg button{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:7px;height:54px;border-radius:var(--r);font-size:16px;font-weight:700;color:var(--ink-2);-webkit-transition:background-color .25s var(--out),color .2s,-webkit-box-shadow .25s var(--out),-webkit-transform .4s var(--spring);transition:background-color .25s var(--out),color .2s,-webkit-box-shadow .25s var(--out),-webkit-transform .4s var(--spring);transition:background-color .25s var(--out),color .2s,box-shadow .25s var(--out),transform .4s var(--spring);transition:background-color .25s var(--out),color .2s,box-shadow .25s var(--out),transform .4s var(--spring),-webkit-box-shadow .25s var(--out),-webkit-transform .4s var(--spring)}.startbox .sb-seg button svg{width:17px;height:17px}.startbox .sb-seg button[aria-pressed=true]{color:var(--deep-900)}.startbox .sb-seg button:focus-visible{outline-offset:0}@media(hover:hover){.startbox .sb-seg button[aria-pressed=false]:hover{color:var(--ink)}}.startbox .sb-seg button:active{-webkit-transform:scale(.97);transform:scale(.97)}.startbox .sb-thumb{position:absolute;z-index:0;left:4px;top:5px;bottom:5px;border-radius:var(--r);background:var(--white);-webkit-box-shadow:0 0 0 1px hsl(var(--sh)/.06),0 1px 2px hsl(var(--sh)/.1),0 4px 12px -4px hsl(var(--sh)/.18);box-shadow:0 0 0 1px hsl(var(--sh)/.06),0 1px 2px hsl(var(--sh)/.1),0 4px 12px -4px hsl(var(--sh)/.18);-webkit-transition:width .5s var(--spring),-webkit-transform .5s var(--spring);transition:width .5s var(--spring),-webkit-transform .5s var(--spring);transition:transform .5s var(--spring),width .5s var(--spring);transition:transform .5s var(--spring),width .5s var(--spring),-webkit-transform .5s var(--spring)}.startbox .sb-go{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:8px;width:100%;height:62px;margin-top:18px;padding:0 24px;border-radius:var(--r);font-size:18px;font-weight:700;white-space:nowrap;color:var(--white);background:var(--action);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px hsl(var(--sh)/.2),0 8px 18px -10px rgba(17,80,109,.5);box-shadow:inset 0 1px #ffffff14,0 1px 2px hsl(var(--sh)/.2),0 8px 18px -10px #11506d80;-webkit-transition:background-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .2s ease,box-shadow .2s ease;transition:background-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}.startbox .sb-go svg{width:18px;height:18px;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}@media(hover:hover)and (pointer:fine){.startbox .sb-go:hover{background:var(--action-hover);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 2px hsl(var(--sh)/.2),0 12px 24px -12px rgba(17,80,109,.55);box-shadow:inset 0 1px #ffffff1a,0 1px 2px hsl(var(--sh)/.2),0 12px 24px -12px #11506d8c}.startbox .sb-go:hover svg{-webkit-transform:translateX(3px);transform:translate(3px)}}.startbox .sb-go:active{background:var(--action-active);-webkit-box-shadow:0 1px 2px hsl(var(--sh)/.2);box-shadow:0 1px 2px hsl(var(--sh)/.2)}.startbox .sb-go:focus-visible{outline:2px solid var(--deep-600);outline-offset:3px}@media(max-width:720px){.startbox{padding:22px;gap:18px;border-radius:var(--R)}.startbox .sb-input{height:62px;font-size:20px}}@media(prefers-reduced-motion:reduce){.startbox,.startbox *,.startbox *:before,.startbox *:after{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}@-webkit-keyframes sb-shake{20%{-webkit-transform:translateX(-5px);transform:translate(-5px)}45%{-webkit-transform:translateX(4px);transform:translate(4px)}70%{-webkit-transform:translateX(-2px);transform:translate(-2px)}}@keyframes sb-shake{20%{-webkit-transform:translateX(-5px);transform:translate(-5px)}45%{-webkit-transform:translateX(4px);transform:translate(4px)}70%{-webkit-transform:translateX(-2px);transform:translate(-2px)}}@-webkit-keyframes sb-in{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes sb-in{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
