body{margin:0;padding:0;overflow-x:hidden;font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;box-sizing:border-box;background:var(--background-gradient);background-attachment:fixed;background-size:cover;margin-inline:auto}body:has(dialog[open]){overflow:hidden}h1{color:#438698;padding:0;margin:0}h2{color:#525575;padding:0;margin:0}p{color:#244851;text-align:justify}.app-button{all:unset;cursor:pointer;gap:8px;padding:16px;border-radius:16px;transition:all .15s ease-in-out;background-color:#add8e640;color:#fff}.app-button:hover,.app-button:focus{background-color:#add8e680}.app-button[disabled]{cursor:not-allowed;opacity:.5}.app-button[disabled]:hover,.app-button[disabled]:focus{background-color:#add8e640}.arch{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask-image:radial-gradient(#000,#000),url(/border_mask_bottom.svg);mask-image:radial-gradient(#000,#000),url(/border_mask_bottom.svg);-webkit-mask-size:cover,100% 90px,100% 90px;mask-size:cover,100% 90px,100% 90px}.arch.top{-webkit-mask-position:top;mask-position:top}.arch.bottom{-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-image:radial-gradient(#000,#000),url(/border_mask_top.svg);mask-image:radial-gradient(#000,#000),url(/border_mask_top.svg)}.arch.invert.top{-webkit-mask-image:radial-gradient(#000,#000),radial-gradient(#000,#000),url(/border_mask_top.svg);mask-image:radial-gradient(#000,#000),radial-gradient(#000,#000),url(/border_mask_top.svg)}.arch.invert.bottom{-webkit-mask-image:radial-gradient(#000,#000),radial-gradient(#000,#000),url(/border_mask_bottom.svg);mask-image:radial-gradient(#000,#000),radial-gradient(#000,#000),url(/border_mask_bottom.svg)}@media screen and (max-width:600px){.arch{-webkit-mask-size:cover,100% 40px,100% 40px;mask-size:cover,100% 40px,100% 40px}}fieldset{all:unset}:root{--primary-colour: #438698;--background-gradient: linear-gradient( to bottom, rgba(108, 162, 243, .87) 0%, rgba(247, 247, 221, 0) 50% ), radial-gradient( circle at bottom right, rgba(177, 117, 173, .93) 0%, rgba(177, 178, 181, .445) 70% ), radial-gradient( circle at bottom left, rgba(206, 218, 255, .75) 0%, rgba(194, 234, 234, 0) 70% )}.active-text{background-image:linear-gradient(to right,#a031d1,#2626fe);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:x-large;font-weight:600;mix-blend-mode:overlay;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}