*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin-block:0}ul[role=list],ol[role=list]{list-style:none}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}a:not([class]),a:not([class]):visited{text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:root{--step--4:clamp(.4823rem,.6888rem + -.2665vw,.6355rem);--step--3:clamp(.5787rem,.7581rem + -.2314vw,.7118rem);--step--2:clamp(.6944rem,.8329rem + -.1787vw,.7972rem);--step--1:clamp(.8333rem,.9136rem + -.1035vw,.8929rem);--step-0:clamp(1rem,1rem + 0vw,1rem);--step-1:clamp(1.12rem,1.0922rem + .1391vw,1.2rem);--step-2:clamp(1.2544rem,1.1898rem + .3228vw,1.44rem);--step-3:clamp(1.4049rem,1.2926rem + .5619vw,1.728rem);--step-4:clamp(1.5735rem,1.3996rem + .8697vw,2.0736rem);--step-5:clamp(1.7623rem,1.5098rem + 1.2626vw,2.4883rem);--step-6:clamp(1.9738rem,1.6218rem + 1.7603vw,2.986rem);--step-7:clamp(2.2107rem,1.7333rem + 2.387vw,3.5832rem);--step-8:clamp(2.476rem,1.8416rem + 3.1719vw,4.2998rem);--step-9:clamp(2.7731rem,1.9429rem + 4.1508vw,5.1598rem);--step-10:clamp(3.1058rem,2.0325rem + 5.3668vw,6.1917rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.25rem;--space-l:2rem;--space-xl:3rem;--space-2xl:3.25rem;--space-3xl:3.75rem;--space-4xl:4rem;--fluid-20-39:clamp(1.25rem,.837rem + 2.0652vw,2.4375rem);--fluid-48-64:clamp(3rem,2.2857rem + 3.5714vw,4rem);--fluid-16-27:clamp(1rem,.7478rem + 1.2609vw,1.725rem);--space-3xs-2xs:clamp(.25rem,.163rem + .4348vw,.5rem);--space-2xs-xs:clamp(.5rem,.413rem + .4348vw,.75rem);--space-xs-s:clamp(.75rem,.663rem + .4348vw,1rem);--space-s-m:clamp(1rem,.913rem + .4348vw,1.25rem);--space-m-l:clamp(1.25rem,.9891rem + 1.3043vw,2rem);--space-l-xl:clamp(2rem,1.6522rem + 1.7391vw,3rem);--space-xl-2xl:clamp(3rem,2.913rem + .4348vw,3.25rem);--space-2xl-3xl:clamp(3.25rem,3.0761rem + .8696vw,3.75rem);--space-3xl-4xl:clamp(3.75rem,3.663rem + .4348vw,4rem);--space-s-l:clamp(1rem,.6522rem + 1.7391vw,2rem);--space-m-2xl:clamp(1.25rem,.5543rem + 3.4783vw,3.25rem);--space-xs-xl:clamp(.75rem,-.0326rem + 3.913vw,3rem);--space-3xs-xs:clamp(.25rem,.0761rem + .8696vw,.75rem);--space-l-3xl:clamp(2rem,1.3913rem + 3.0435vw,3.75rem);--color-blue-300:#daf0fe;--color-blue-500:#09f;--color-blue-700:#069;--color-orange-300:#ffe8d9;--color-orange-500:#ff6601;--color-orange-700:#d95700;--color-red-300:#fedfd9;--color-red-500:#e54032;--color-red-700:#b82a1f;--color-green-300:#89ea74;--color-green-500:#30ac00;--color-green-700:#0f6800;--color-white:#fff;--color-black:#000;--color-grey:#d9d9d9;--color-text:var(--color-blue-700);--stroke-width:1px;--stroke:var(--stroke-width)solid var(--color-blue-300);--stroke-darker:var(--stroke-width)solid var(--color-blue-500);--gradient-blue-500-blue-700:linear-gradient(to right in oklch,var(--color-blue-500)0%,var(--color-blue-700)100%);--gradient-transparent-white:linear-gradient(to right in oklch,oklch(from var(--color-white)L C H/0)0%,var(--color-white)100%);--focus-color:var(--color-blue-500);--font-base:Strawford,Helvetica Neue,Arial,sans-serif;--font-regular:400;--font-bold:700;--leading-micro:.85;--leading-flat:1;--leading-fine:1.2;--leading-standard:1.3125;--leading-loose:1.7;--radius-full:calc(infinity*1px);--radius-l:20px;--radius-s:10px;--default-transition:cubic-bezier(.53,.01,.36,1.63);--expo-transition:cubic-bezier(.16,1,.3,1);--spring-transition:linear(0,.013 .6%,.05 1.2%,.199 2.5%,.395 3.7%,.948 6.7%,1.201 8.4%,1.289 9.2%,1.354 10%,1.396 10.8%,1.416 11.6%,1.418 12.2%,1.405 12.9%,1.345 14.3%,1.258 15.6%,1.012 18.8%,.909 20.5%,.851 22%,.826 23.6%,.83 24.8%,.854 26.2%,.996 30.8%,1.039 32.5%,1.063 34%,1.073 35.5%,1.061 38.2%,.984 44.4%,.97 47.4%,.973 49.8%,1.004 55.8%,1.013 59.2%,.995 71%,1.002 82.8%,1);--default-transition-duration:.2s;--long-transition-duration:1s}@supports (color:lab(0% 0 0)){:root{--color-blue-300:lab(93.4585% -5.41198 -9.35712);--color-blue-500:lab(60.6828% -5.15488 -61.1847);--color-blue-700:lab(40.2919% -10.4918 -35.4138);--color-orange-300:lab(93.6348% 6.29604 10.2422);--color-orange-500:lab(63.1826% 56.9716 72.4541);--color-orange-700:lab(54.3327% 49.9897 64.5792);--color-red-300:lab(91.225% 10.6623 6.88176);--color-red-500:lab(53.2598% 63.4235 47.4906);--color-red-700:lab(41.8793% 56.0794 42.9846);--color-green-300:lab(84.6896% -46.1936 47.4836);--color-green-500:lab(61.7923% -56.0057 65.5927);--color-green-700:lab(38.098% -45.6992 59.8261);--color-white:lab(100% 0 0);--color-black:lab(0% 0 0);--color-grey:lab(86.66% 0 0)}}@media screen and (prefers-reduced-motion:reduce){:root{--default-transition-duration:0s}}:root{--box-shadow:0 4px 4px 0 oklch(from var(--color-black)L C H/.1)}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html html{scroll-behavior:auto}}body{color:var(--color-text);font-size:var(--step-0);font-family:var(--font-base);line-height:var(--leading-standard);font-size-adjust:from-font;background-color:var(--color-blue-300);margin:0}main{--flow-space:var(--space-l-3xl)}:where(h1,h2,h3,h4,h5,h6,strong,b){color:var(--color-blue-500)}:is(h1,h2,h3,h4){-webkit-hyphens:auto;hyphens:auto;line-height:var(--leading-fine)}h1{font-size:var(--step-8)}h2{font-size:var(--step-4)}h3{font-size:var(--step-3)}h4{font-size:var(--step-2)}h5{font-size:var(--step-1)}h6{font-size:var(--step-0)}ul:not([class]){padding-inline-start:1.7ch;list-style-type:disc}ul:not([class])>li{padding-inline-start:var(--space-xs,1em)}ul ::marker{font-size:.8lh}ol ::marker{font-size:1em;font-weight:var(--font-bold)}[role=list][class],[role=tablist][class]{margin-block:0;padding:0}:is(video,iframe[src*=youtube],iframe[src*=vimeo]){aspect-ratio:16/9;width:100%;height:auto;display:block}a{color:var(--color-link,var(--color-blue-700))}a.primary{--color-link:var(--color-orange-500)}a:not([class]):hover{text-underline-offset:.2lh}:is(h1,h2,h3,h4) a:not([class]){text-underline-offset:.2ex;text-decoration-thickness:.1ex}:is(h1,h2,h3,h4) a:not([class]):hover{text-underline-offset:.3ex}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-color,currentColor);outline-offset:var(--focus-offset,.2lh)}@supports ((-moz-appearance:none)){:root{--focus-offset:.08em}}:target{scroll-margin-block:5lh}svg:not([class]){width:auto;height:1lh}svg{flex-shrink:0}svg[role=img][width][height]{width:revert;height:revert}html,body,main{height:100%}main{align-items:center;gap:var(--space-l);padding:var(--space-l);flex-direction:column;display:flex}body>footer{position:sticky;top:100vh}form>*+*{margin-top:var(--flow-space,1rem)}textarea{resize:vertical}:is(input,select,textarea){accent-color:var(--color-blue-500)}:is(input:not([type=checkbox],[type=radio],[type=color],.search-bar__input),textarea){border-radius:var(--radius-s);border:var(--stroke-darker);background:var(--color-white);color:var(--color-blue-700);width:100%;padding:.5em .8em}:is(input:not([type=checkbox],[type=radio],[type=color],.search-bar__input),textarea)::placeholder{color:var(--color-blue-500);opacity:1}:is(input:not([type=checkbox],[type=radio],[type=color],.search-bar__input),textarea):active{--stroke-width:2px}:is(select){border-radius:var(--radius-s);border:var(--stroke-darker);color:var(--color-blue-700);appearance:none;background-color:var(--color-white);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgMi4zODEgMTMuNSAwIDggNS4yMzggMi41IDAgMCAyLjM4MSA4IDEweiIgZmlsbD0iI2Y2MCIvPjwvc3ZnPg==);background-position:right .75em top 50%;background-repeat:no-repeat;background-size:14px 20px;width:100%;padding:.75em .8em;padding-inline-end:2em;position:relative}label{line-height:var(--leading-fine);font-weight:var(--font-bold)}label:not(:has(input)):after{content:"\a";white-space:pre}label:has(input):not(.search-bar__label){align-items:baseline;gap:var(--space-s);font-weight:var(--font-regular);flex-direction:column;display:flex}label:has(input)+label:has(input){--flow-space:var(--space-s-m)}label+input,label+textarea{--flow-space:var(--space-xs)}input[type=range]{padding:0}label:has(input) input{transform:translateY(-.1ex)}input:disabled{background:var(--color-grey)}input:disabled,label input:disabled+*{cursor:not-allowed}time{color:var(--color-blue-500)}figure{margin:0}figure img{object-fit:cover;border-radius:var(--radius-l);width:100%;height:100%}figcaption{font-size:var(--step-1);color:var(--color-blue-500);border-bottom:solid 1px var(--color-blue-500);align-self:flex-end;padding-block-end:var(--space-xs)}datalist{--flow-space:0;justify-content:space-between;margin-block-end:var(--space-xs);display:flex}datalist option{text-align:center;min-width:2ch;font-size:var(--step-1);font-weight:var(--font-bold);color:var(--color-blue-500);display:inline-block}output{color:var(--color-orange-500)}.message-success{color:var(--color-green-500)}.message-danger{color:var(--color-red-500)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.flow>*+*{margin-block-start:var(--flow-space,1em)}.flow[data-space=larger]{--flow-space:var(--space-m-2xl)}.button{--button-padding:var(--space-m);--button-gap:.5em;--button-bg:var(--color-orange-500);--focus-color:var(--button-bg);--button-hover-bg:var(--color-orange-700);--button-icon-color:var(--color-blue-500);--button-icon-hover-color:var(--color-white);--button-icon-active-color:var(--button-icon-color);--button-color:var(--color-white);--button-hover-color:var(--color-white);--button-radius:var(--radius-full);--button-border-color:transparent;--button-border-hover-color:var(--button-hover-bg);--button-border-width:1px;--button-border-style:solid;--button-height:3.125rem;min-height:var(--button-height);align-self:flex-start;align-items:center;gap:var(--button-gap);padding-inline:var(--button-padding);background:var(--button-bg);color:var(--button-color);transition:color var(--default-transition-duration),background var(--default-transition-duration);line-height:var(--leading-flat);font-weight:var(--button-font-weight,700);font-size:var(--button-font-size,1em);border-width:var(--button-border-width);border-style:var(--button-border-style);border-color:var(--button-border-color);border-radius:var(--button-radius);cursor:pointer;text-decoration:none;display:inline-flex}.button svg{height:1em;width:auto;height:1.5cap;fill:var(--button-icon-color)}.button:not([disabled]):hover{background:var(--button-hover-bg);color:var(--button-hover-color);border-color:var(--button-border-hover-color)}.button:not([disabled]):hover svg{fill:var(--button-icon-hover-color)}.button:not([disabled]):active svg{fill:var(--button-icon-active-color)}.button:active{transform:scale(.99)}.button[data-button-variant=secondary]{--button-bg:var(--color-blue-500);--button-hover-bg:var(--color-blue-700);--button-icon-color:var(--color-orange-500);--button-icon-hover-color:var(--color-orange-500);--button-color:var(--color-white);--button-hover-color:var(--color-white)}.button[data-button-size=small]{--button-height:1.875rem;--button-icon-size:.75lh}.button[data-icon-button]{--button-icon-size:1lh;--button-bg:var(--color-blue-500);--button-hover-bg:var(--color-blue-700);--button-icon-color:var(--color-blue-300);--icon-hover-scale:1.5;width:var(--button-height);aspect-ratio:1;place-items:center;display:inline-grid}.button[data-icon-button]>*{grid-area:1/1}.button[data-icon-button] svg{transition:transform var(--default-transition-duration)var(--default-transition);height:var(--button-icon-size)}.button[data-icon-button]:not([disabled]):hover svg{transform-origin:50%;transform:scale(var(--icon-hover-scale))}.button[data-icon-button][data-button-variant=secondary]{--button-bg:var(--color-orange-500);--button-hover-bg:var(--color-orange-700);--button-icon-color:var(--color-white);--button-icon-hover-color:var(--color-white)}.button[data-icon-button][data-button-size=small]{--button-icon-size:2lh;--icon-hover-scale:1.1}.button[disabled]{--button-bg:oklch(from var(--color-orange-500)L C H/.5)}.button[data-button-variant=secondary][disabled],.button[data-icon-button][disabled]{--button-bg:oklch(from var(--color-blue-700)L C H/.5)}.rounded-box{--flow-space:var(--space-m);border-radius:var(--radius-l);padding:var(--space-m);background-color:var(--color-white);width:100%;max-width:35rem}.logo{width:100%;max-width:20rem;height:auto;display:block}.logo svg{width:100%;height:auto}.back-button{align-items:center;gap:var(--space-2xs);display:flex}.back-button svg{height:1rem}