:root{--bg: hsl(0, 0%, 100%);--bg-shallow: hsl(202, 27%, 97%);--bg-shallow: oklch(97.73% .0035 232.63);--bg-deep: hsl(202, 15%, 94%);--bg-deep: oklch(95.43% .0035 232.63);--color-primary-hc: hsl(203, 98%, 16%);--color-primary-hc: oklch(30.53% .0733 243.19);--color-primary: hsl(202, 93%, 28%);--color-primary: oklch(44.63% .1061 243.16);--color-primary-lc: hsl(202, 84%, 41%);--color-primary-lc: oklch(57.55% .1332 242.51);--color-accent-hc: hsl(35.16 66% 15%);--color-accent-hc: oklch(30.53% .0531 72.61);--color-accent: hsl(34.19 44% 29%);--color-accent: oklch(44.63% .0646 72.61);--color-accent-lc: hsl(33.63 32% 43%);--color-accent-lc: oklch(57.55% .0672 72.61);--color-primary-muted: hsla(202, 93%, 28%, .625);--color-primary-muted: oklch(44.63% .1061 243.16 / .625);--color-primary-transparent: hsla(202, 93%, 28%, .25);--color-primary-transparent: oklch(44.63% .1061 243.16 / .25);--color-primary-disabled: hsla(202, 93%, 28%, .125);--color-primary-disabled: oklch(44.63% .1061 243.16 / .125);--primary-to-disabled-gradient: linear-gradient( 30deg, var(--color-primary-hc), var(--color-primary-lc) 40%, var(--color-primary-disabled) 60% );--primary-to-disabled-gradient: linear-gradient( in oklch 30deg, var(--color-primary-hc), var(--color-primary-lc) 40%, var(--color-primary-disabled) 60% );--bg-primary-gradient: linear-gradient( 30deg, var(--color-primary-hc), var(--color-primary-lc) );--bg-primary-gradient: linear-gradient( in oklch 30deg, var(--color-primary-hc), var(--color-primary-lc) );--bg-accent-gradient: linear-gradient( 30deg, var(--color-accent-hc), var(--color-accent-lc) );--bg-accent-gradient: linear-gradient( in oklch 30deg, var(--color-accent-hc), var(--color-accent-lc) );--bg-success: hsl(150, 70%, 43%);--bg-success: oklch(69.73% .2391 154.74);--color-success: hsl(155.83 100% 20%);--color-success: oklch(44.63% .1061 157.76);--primary-to-success-gradient: linear-gradient( 30deg, var(--color-primary-hc), var(--color-primary-lc) 40%, var(--bg-success) 60% );--primary-to-success-gradient: linear-gradient( in oklch 30deg, var(--color-primary-hc), var(--color-primary-lc) 40%, var(--bg-success) 60% );--bg-warning: hsl(55, 100%, 43%);--bg-warning: oklch(82.52% .1733 102.87);--color-warning: hsl(55, 100%, 15%);--color-warning: oklch(44.63% .1078 102.87);--primary-to-warning-gradient: linear-gradient( 30deg, var(--color-primary-hc), var(--color-primary-lc) 40%, var(--bg-warning) 60% );--primary-to-warning-gradient: linear-gradient( in oklch 30deg, var(--color-primary-hc), var(--color-primary-lc) 40%, var(--bg-warning) 60% );--bg-error: hsl(355, 90%, 43%);--bg-error: oklch(54.3% .2488 26.65);--color-error: hsl(355, 100%, 27%);--color-error: oklch(39.79% .1824 26.78);--primary-to-error-gradient: linear-gradient( 30deg, var(--color-primary-hc), var(--color-primary-lc) 40%, var(--bg-error) 60% );--primary-to-error-gradient: linear-gradient( in oklch 30deg, var(--color-primary-hc), var(--color-primary-lc) 40%, var(--bg-error) 60% );--color-text: hsla(0, 0%, 0%, .9);--color-text-muted: hsla(0, 0%, 0%, .75);--color-text-faded: hsla(0, 0%, 0%, .5);color:var(--color-text);scrollbar-color:var(--color-primary-transparent) transparent;--radius: .5rem;color-scheme:only light}::-moz-selection{background-color:var(--color-primary-hc);color:var(--bg)}::selection{background-color:var(--color-primary-hc);color:var(--bg)}body{background-color:var(--bg-deep);line-height:1.6;overflow-y:scroll;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;line-break:strict;word-break:auto-phrase}*:focus-visible{outline:2px solid currentColor}*[tabindex="-1"]:focus{outline:none}br{-webkit-user-select:none;-moz-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{line-height:1.2;color:var(--color-primary);margin-block-start:1.5em;line-break:strict;word-break:auto-phrase}h1.accent,h2.accent,h3.accent,h4.accent,h5.accent,h6.accent{color:var(--color-accent)}@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){.gradient-text{display:inline-block;color:transparent;background-image:var(--bg-primary-gradient);-webkit-background-clip:text;background-clip:text}.gradient-text.accent{display:inline-block;color:transparent;background-image:var(--bg-accent-gradient);-webkit-background-clip:text;background-clip:text}}h1{font-size:4rem;text-align:center;justify-self:center}h2{font-size:2.5rem;margin-block-end:.5em;--underline-size: 2px;--underline-length: 50%;padding-block-end:calc(var(--underline-size) + 2px);background-image:linear-gradient(90deg,#013351,#05598aab,#1180c054,transparent var(--underline-length));background-image:linear-gradient(90deg,oklch(from var(--color-primary-hc) l c h / .6),oklch(from var(--color-primary) l c h / .4),oklch(from var(--color-primary-lc) l c h / .2),transparent var(--underline-length));background-size:100% var(--underline-size);background-position:bottom;background-repeat:no-repeat}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.hgroup{margin:8rem auto 4rem}.hgroup *{margin:0}.hgroup h1,.hgroup h2,.hgroup h3,.hgroup h4,.hgroup h5,.hgroup h6{margin-block-start:.5em}.hgroup p{text-align:center;margin-block:.25rem 3rem}p,pre,blockquote,dt{margin-block-start:1rem}pre{border-radius:var(--radius);font-family:monospace;font-size:smaller}address{font-style:normal}ol,ul,dl{margin-block:1.5em}ol,ul{padding-inline-start:2em}ol ol{list-style-type:upper-latin}ol ol ol{list-style-type:lower-roman}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}li::marker{color:var(--color-primary-lc)}ol.accent>li::marker,ul.accent>li::marker,li.accent::marker{color:var(--color-accent-lc)}dt{font-weight:700}.anchor-like,.anchor-like:hover{display:inline;all:unset;cursor:pointer}a:not(.button-like),.anchor-like{color:var(--color-primary);-webkit-text-decoration:underline solid currentColor 1px;text-decoration:underline solid currentColor 1px;transform:none;background:none}a:not(.button-like):hover,.anchor-like:hover{color:var(--color-primary-lc)}:not(pre) code{padding-inline:3px;border-radius:calc(var(--radius) / 2);background-image:linear-gradient(to bottom,var(--bg-deep) 20%,var(--color-primary-transparent),var(--bg-deep) 80%);background-attachment:fixed;font-size:smaller}abbr[title]{-webkit-text-decoration:underline dotted currentColor 1px;text-decoration:underline dotted currentColor 1px;text-underline-offset:2px}em{background-image:linear-gradient(to bottom,var(--bg) 80%,var(--color-primary-transparent));background-image:linear-gradient(in oklch to bottom,var(--bg) 80%,var(--color-primary-transparent))}button:not(.anchor-like),.button-like{display:inline-block;cursor:pointer;color:var(--bg);background-color:var(--color-primary);border:none;border-radius:var(--radius);padding:.5rem 1rem;text-decoration:none}button:not(.anchor-like):hover,.button-like:hover,button:not(.anchor-like):focus,.button-like:focus{color:var(--bg);background-color:var(--color-primary-lc);box-shadow:0 1px 2px 0 var(--color-accent-hc);transform:translateY(-1px)}button:not(.anchor-like):focus-visible,.button-like:focus-visible{outline:2px solid currentColor;outline-offset:2px}button:not(.anchor-like):hover:active,.button-like:hover:active{box-shadow:inset 0 1px 2px 0 var(--color-accent-hc);background-color:var(--color-primary-lc);transform:translateY(0)}button:not(.anchor-like):disabled,button:not(.anchor-like):active:disabled,button:not(.anchor-like):hover:disabled,.button-like[aria-disabled=true]{transform:none;box-shadow:none;background-color:var(--color-primary-disabled)}input,select,textarea{color:var(--color-text);padding:.5rem;border:none;border-block-end:1px solid var(--color-primary-muted);background-color:var(--bg-shallow)}input:hover,select:hover,textarea:hover{background-color:var(--bg-deep);border-color:var(--color-primary)}option{background-color:var(--bg)}svg{fill:currentColor}@keyframes color-shift{0%{color:var(--from-color, var(--color-text))}to{color:var(--to-color, var(--color-text))}}.reveal-error{--from-color: var(--color-primary-lc);--to-color: var(--bg-error);animation:color-shift var(--animation-duration, 1s) ease-in-out var(--animation-delay, 0s) 1 both}.reveal-warning{--from-color: var(--color-primary-lc);--to-color: var(--bg-warning);animation:color-shift var(--animation-duration, 1s) ease-in-out var(--animation-delay, 0s) 1 both}.reveal-success{--from-color: var(--color-primary-lc);--to-color: var(--bg-success);animation:color-shift var(--animation-duration, 1s) ease-in-out var(--animation-delay, 0s) 1 both}@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){@keyframes background-shift-left{0%{background-position:0% 0%}to{background-position:100% 0%}}.reveal-error{color:transparent;background-image:var(--primary-to-error-gradient);-webkit-background-clip:text;background-clip:text;background-size:500% 100%;animation:background-shift-left var(--animation-duration, 1s) ease-in-out var(--animation-delay, 0s) 1 both}.reveal-warning{color:transparent;background-image:var(--primary-to-warning-gradient);-webkit-background-clip:text;background-clip:text;background-size:500% 100%;animation:background-shift-left var(--animation-duration, 1s) ease-in-out var(--animation-delay, 0s) 1 both}.reveal-success{color:transparent;background-image:var(--primary-to-success-gradient);-webkit-background-clip:text;background-clip:text;background-size:500% 100%;animation:background-shift-left var(--animation-duration, 1s) ease-in-out var(--animation-delay, 0s) 1 both}}
