:root{--font-stack: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;--clr-blue: 33, 117, 155;--clr-blue-dark: 0, 92, 148;--clr-opacity: 1;--clr-primary: rgba(var(--clr-blue), var(--clr-opacity));--clr-accent: rgba(var(--clr-blue-dark), var(--clr-opacity));--txt-primary: #eee;--txt-accent: #fff;--clr-success: 0, 148, 25;--clr-warning: 148, 143, 0;--clr-danger: 148, 0, 0}*{margin:0}body{background-color:#21759b;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='160' viewBox='0 0 200 160'><g id='au'><path id='a' d='M 0,5.29e-6 V 13.33 C 0,51.45 24.94,80 66.49,80 37.59,73.57 11.21,49.84 11.21,11.118 49.87,11.17 72.75,34.83 80,65.94 80,24.42 51.49,0.04 13.42,5.29e-6 Z' fill='%23005c94' opacity='0.15' /><use x='0' y='0' href='%23a' id='u' transform='rotate(180,50,40)' /></g><use x='0' y='0' href='%23au' transform='matrix(-1,0,0,1,200,0)' /><use x='0' y='0' href='%23au' transform='matrix(1,0,0,-1,0,160)' /><use x='0' y='0' href='%23au' transform='rotate(180,100,80)' /></svg>");background-repeat:repeat;background-position:center center;color:#fff;font-family:var(--font-stack);margin:0}h1{font-weight:400}h2{font-size:1.1rem;font-weight:300}nav{align-items:center;display:flex;flex-direction:column}a{border-bottom:1px solid #ccc;color:#ccc;text-decoration:none}a:hover,a:focus-visible{border-color:#fff;color:#fff}nav a span,.h{display:none}footer{bottom:1rem;font-size:small;position:absolute;text-align:center;width:100%}.home main{align-items:center;display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:center}.logo{margin-top:-100px;margin-bottom:20px}.contact{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;padding-bottom:3.5rem;position:relative}.contact main{width:100%;max-width:480px}.contact nav{gap:1rem;margin-top:1rem}.legacy{color:#ccc;cursor:help;font-size:smaller;opacity:.65}.legacy h2{font-size:inherit;font-weight:bold}.cf-turnstile{min-height:69px}form{font:inherit}form>div{margin-top:1rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}::placeholder{color:var(--txt-primary);font-family:var(--font-stack);opacity:.65}input,textarea,button{--clr-opacity: 0.65;background-color:rgba(var(--clr-blue-dark), var(--clr-opacity));border-color:rgba(255, 255, 255, var(--clr-opacity));border-style:solid;border-radius:0;border-width:0 0 1px 0;box-sizing:border-box;color:rgba(255, 255, 255, var(--clr-opacity));font:inherit;outline:none;padding:calc(1rem - 4px);width:100%}form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px rgb(var(--clr-blue-dark)) inset;-webkit-text-fill-color:#fff}input:focus,textarea:focus{--clr-opacity: 1}input:not(:placeholder-shown),textarea:not(:placeholder-shown){--clr-opacity: 1;border-color:#fff}[aria-invalid=true]{border-color:#ffb3b3;border-color:rgb(var(--clr-danger));border-bottom-width:2px}.field-error{color:#ffd6d6;color:rgb(var(--clr-danger));font-size:smaller;margin-top:.25rem}textarea{height:100px;min-height:100px;resize:vertical}button{background:var(--clr-accent);border:0;color:var(--txt-primary);cursor:pointer;margin-top:1rem;opacity:1;padding:1rem 2rem;text-transform:uppercase}button:hover,button:focus-visible,button:active{background:var(--txt-primary);color:var(--clr-accent)}button:disabled{cursor:progress;opacity:.6}.privacy{color:#ccc;font-size:smaller;margin-top:1rem;opacity:.8}.privacy summary{cursor:pointer;width:fit-content}.privacy summary:hover,.privacy summary:focus-visible{color:#fff}.privacy summary:focus-visible{outline:1px dotted #fff;outline-offset:2px}.privacy p{margin-top:.5rem}.status-message:not(:empty){margin-top:1rem}.alert{--alert-color: 80, 80, 80;background:rgb(var(--alert-color));color:#fff;padding:1rem;white-space:pre-line}.alert-success{--alert-color: var(--clr-success)}.alert-warning{--alert-color: var(--clr-warning)}.alert-danger{--alert-color: var(--clr-danger)}@media screen and (max-width: 500px){body{background-size:100px 80px}.logo{max-height:60px;margin-top:-80px}.contact{justify-content:flex-start;padding:0 1rem 3.5rem}.contact h1{margin-top:1rem}input,textarea{font-size:1.2rem;padding:.5rem}button{font-size:1.2rem}}
