:root{--brand-primary:oklch(52.36% .288 302.321);--brand-secondary:oklch(78% .016 308.19);--color-white:white;--color-grey-50:#8a8a8a;--color-grey:oklch(37.3% .034 259.733);--color-black:#1a1a1a}*{box-sizing:border-box}body{background:var(--color-white);color:var(--color-black);font-family:Inter,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}main{width:50%;margin:6rem auto}header{margin-bottom:4rem;font-size:1rem}header h1{text-align:center;color:var(--brand-secondary);font-size:4em;line-height:1em}header h1 em{color:var(--brand-primary)}header p{color:var(--color-grey);text-align:center;font-size:1.6em;line-height:1.4em}header p br{display:none}section h2{color:var(--color-black);margin:2.6rem 0 .6rem;font-weight:600}section p,section ul{color:var(--color-grey);font-size:1.1rem;line-height:1.6rem}section ul li{margin-bottom:.4rem}section strong{font-weight:600}#action-buttons{flex-direction:row;justify-content:center;gap:1rem;display:flex}footer{border-top:1px solid var(--brand-secondary);text-align:center;color:var(--brand-secondary);vertical-align:middle;margin-top:2.6rem;padding-top:1rem;line-height:1.4rem}footer p{flex-direction:row;place-content:center;gap:.4rem;display:flex}footer a{color:inherit}footer a:hover,footer a:focus-within{color:var(--brand-primary)}.eu{font-size:1.4rem;line-height:1.4rem;display:inline-block}.text-center{text-align:center}.my-5{margin:3rem 0}.gap-2{gap:1rem}.button{background:var(--color-grey-50);color:var(--color-white);cursor:pointer;text-align:center;border:none;border-radius:.6rem;outline:none;margin:0;padding:.4rem .8rem;font-size:1.1875rem;line-height:2rem;text-decoration:none;display:inline-block}.button:hover,.button:focus-within{background-color:var(--brand-primary);color:var(--color-white)}.button.primary{background:var(--brand-primary);color:var(--color-white)}.button.primary:hover,.button.primary:focus-within{background:var(--color-black);color:var(--color-white)}.button.disabled{cursor:default;background:var(--color-grey-50)!important;color:var(--color-white)!important}.handle-input{border:1px solid var(--color-grey-50);background:var(--color-white);color:var(--color-black);border-radius:.6rem;margin-bottom:1rem;display:flex}.handle-input>span{color:var(--brand-primary);padding:.6rem;font-weight:500}.handle-input:focus-within{outline:2px solid var(--brand-primary)}.handle-input input{background:0 0;border:none;flex-grow:1;padding:.6rem .6rem .6rem 0;display:inline-flex}.handle-input input:focus-within{outline:none}dialog{border:1px solid var(--color-grey-50);border-radius:.6rem;outline:none;box-shadow:1px 1px 5px #00000080}dialog::backdrop{background:#0000004d}dialog#notification{cursor:default;background:var(--brand-primary);color:var(--color-white);border:var(--color-grey);outline:1px solid var(--color-white);border-radius:.6rem;margin:0 0 0 auto;position:fixed;top:2rem;right:2rem}dialog#request-invite-modal label{font-weight:600}dialog#request-invite-modal p{color:var(--color-grey-50)}dialog#request-invite-modal form{flex-direction:column;display:flex}dialog#request-invite-modal button[type=submit]{flex-grow:0;align-self:flex-end}@media screen and (width<=834px){html{font-size:100%}main{width:100%;margin:3rem 0;padding:0 2rem}header{font-size:.7rem}header p{font-size:1.8em}header p br{display:inline-block}section{margin:0 1rem}}@media screen and (width<=600px){main{width:100%;padding:0 .4rem}}
