.gate-col{max-width:34rem;padding:max(4rem,33svh - 1.25rem) 0 4rem}.gate-name{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(2.3rem,.9rem + 3.2vw,4.1rem);font-weight:800;line-height:1.06}.gate-position{text-wrap:balance;max-width:30em;margin-top:1.25rem;font-size:clamp(1.125rem,1rem + .35vw,1.3125rem);line-height:1.55}.gate-form{grid-template-columns:minmax(0,22rem) auto;grid-template-areas:"label.""field enter""error.";justify-content:start;align-items:center;column-gap:1.75rem;margin-top:3rem;display:grid}.gate-label{grid-area:label;justify-self:start;margin-bottom:.875rem;font-size:1.0625rem;font-weight:500;line-height:1.4}.gate-field{grid-area:field;width:22rem;max-width:100%;height:3.25rem;position:relative}.gate-input{background:var(--sheet);width:100%;height:100%;box-shadow:none;appearance:none;color:var(--ink);caret-color:var(--blue);font-family:var(--f-body);letter-spacing:.06em;border:0;border-radius:0;padding:0 1.125rem;font-size:1.125rem;display:block}.world .gate-input:focus-visible{outline-offset:6px;outline:2px solid #0000}.gate-pen{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gate-pen path{fill:none;stroke:var(--blue);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.1;stroke-dashoffset:0}.gate-pen .gate-pen-again{stroke-width:1.5px;stroke-dasharray:none;opacity:0;transition:opacity .2s var(--ease);animation:none}.gate-field[data-drawn]:has(.gate-input:focus-visible) .gate-pen-again{opacity:1}.gate-field[data-error] .gate-pen path{stroke-width:2.4px}@media (prefers-reduced-motion:no-preference){.gate-pen path{animation:gate-draw .9s var(--ease) both}}@keyframes gate-draw{0%{stroke-dashoffset:1.05px}to{stroke-dashoffset:0}}.gate-enter{min-height:48px;color:var(--ink);font-family:var(--f-body);cursor:pointer;background:0 0;border:0;grid-area:enter;justify-self:start;align-items:center;gap:.75rem;padding:0;font-size:1.1875rem;font-weight:700;line-height:1.2;display:inline-flex}.gate-enter-text{text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.3em;transition:text-decoration-color .2s var(--ease);text-decoration-thickness:2px}.gate-enter:hover .gate-enter-text,.gate-enter:focus-visible .gate-enter-text{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.gate-enter .w-arrow{color:var(--blue)}.gate-error{grid-area:error;min-height:2.54063rem;padding-top:1rem;font-size:1.0625rem;font-weight:700;line-height:1.45}.gate-access{color:var(--ink-2);margin-top:2rem;font-size:1.0625rem;line-height:1.5}.gate-access a{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.25em;transition:text-decoration-color .2s var(--ease);align-items:center;text-decoration-thickness:2px;display:inline-flex}.gate-access a:hover,.gate-access a:focus-visible{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}@media (width<=759px){.gate-col{padding:clamp(2.5rem,16svh,8rem) 0 3rem}.gate-form{grid-template-columns:minmax(0,1fr);grid-template-areas:"label""field""error""enter"}.gate-field{width:100%}}:root{--paper:#f9f9f6;--sheet:#fff;--ink:#1a1a1a;--ink-2:#474747;--blue:#1f3f94;--hatch:#4c6fcf;--grid:#4c6fcf38;--rule:#1f3f9466;--f-display:"Besley", Georgia, serif;--f-body:"Alegreya", Georgia, serif;--f-hand:"Kalam", "Comic Neue", cursive;--gutter:clamp(16px, 4.4vw, 72px);--sq:28px;--ease:cubic-bezier(.16, 1, .3, 1);--shadow:0 0 0 1px #1a1a1a1f, 0 1px 1px #1a1a1a12, 0 12px 30px -14px #1a1a1a47}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-color:var(--blue) var(--paper);scrollbar-width:thin;font-size:16px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);min-height:100vh;color:var(--ink);caret-color:var(--blue);font-family:var(--f-body);font-weight:400;line-height:1.6}::selection{color:var(--ink);background:#4c6fcf47}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:var(--paper)}html::-webkit-scrollbar-thumb{background:var(--blue);border:3px solid var(--paper);border-radius:6px}
