*,:before,:after{box-sizing:border-box;margin:0;padding:0}img,picture,video,canvas,svg{max-width:100%;display:block}svg{fill:currentColor}ul,ol{list-style:none}a{text-decoration:none;display:inline-block}p a{text-decoration:underline}input,button,textarea,select{font:inherit;background:0 0;border:none}button{cursor:pointer;display:block}@font-face{font-family:Inter;src:url(fonts/inter-variable.woff2)format("woff2 supports variations"),url(fonts/inter-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Archivo;src:url(fonts/archivo-variable.woff2)format("woff2 supports variations"),url(fonts/archivo-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--color-primary:#e4e4e4;--color-secondary:#8b9490;--color-accent:black;--color-background:#f8fafc;--color-background-inverse:#121212;--text-primary:#212529;--text-muted:#333;--text-primary-inverse:#f8f9fa;--text-muted-inverse:#e9ecef}@media (prefers-color-scheme:dark){:root{--color-primary:#16161a;--color-secondary:black;--color-accent:#517dce;--color-background:#121212;--color-background-inverse:#f8fafc;--text-primary:#f8f9fa;--text-muted:#e9ecef;--text-primary-inverse:#212529;--text-muted-inverse:#333}}:root[data-theme=light]{--color-primary:#e4e4e4;--color-secondary:#8b9490;--color-accent:black;--color-background:#f8fafc;--color-background-inverse:#121212;--text-primary:#212529;--text-muted:#333;--text-primary-inverse:#f8f9fa;--text-muted-inverse:#e9ecef}:root[data-theme=dark]{--color-primary:#16161a;--color-secondary:black;--color-accent:#517dce;--color-background:#121212;--color-background-inverse:#f8fafc;--text-primary:#f8f9fa;--text-muted:#e9ecef;--text-primary-inverse:#212529;--text-muted-inverse:#333}:root{font-size:clamp(1rem,.1vw + 1rem,1.125rem)}body{color:var(--text-muted);background-color:var(--color-background);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.5;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}a{color:inherit}:focus-visible{outline:solid 2px var(--color-accent)}.icon{aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;width:1em;display:inline-block}.hidden{display:none}button{color:var(--text-primary);text-align:center}body{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.header-content,.main-content,.footer-content{max-width:1400px;margin:0 auto;display:grid}.main-content{margin:3rem auto;padding:0 clamp(1.5rem,5vw,3rem)}header{background-color:var(--color-secondary);padding:1rem clamp(1.5rem,5vw,3rem)}.header-content{grid-template-columns:auto auto;justify-content:space-between;display:grid}.active-page:after{content:"";background-color:var(--text-primary);width:100%;height:2px;position:absolute;bottom:.5rem;left:0}.logged-in-status{color:red}.logged-in{color:green}@media (width>=800px){.header-content ul{grid-template-columns:repeat(3,1fr)}}body,header,.active-page:after,.main-content-not-found a,footer{transition:background-color .15s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6,p,a,footer li{transition:color .15s cubic-bezier(.4,0,.2,1)}svg{transition:stroke .15s cubic-bezier(.4,0,.2,1)}.nav-list li{position:relative}footer{background-color:var(--color-secondary);padding:1rem clamp(1.5rem,5vw,3rem)}footer a{text-decoration:underline}footer .icon{width:1.5em;stroke:var(--text-muted)}.footer-content ul{place-items:center;gap:2rem;display:grid}@media (width>=800px){.footer-content ul{grid-template-columns:repeat(4,1fr)}}.main-section{gap:4rem;display:grid}.main-section h2{text-align:center}.log-in-form{background-color:var(--color-primary);border-radius:1rem;width:min(100%,800px);margin:auto;padding-top:0}.log-in-form-header{border-radius:1rem 1rem 0 0;grid-template-columns:1fr 1fr;width:100%;display:grid}.log-in-form-header button{cursor:default;padding:2rem 1rem}.log-in-form-header button[data-active=false]{background-color:color-mix(in srgb, var(--color-primary), black 50%);cursor:pointer}.log-in-form-header button:first-child[data-active=false]{box-shadow:inset -3px -3px 5px #0003}.log-in-form-header button:nth-child(2)[data-active=false]{box-shadow:inset 3px -3px 5px #0003}button[data-active=true]{z-index:1}.log-in-ui-button{border-top-left-radius:1rem}.register-ui-button{border-top-right-radius:1rem}.log-in-form-content{gap:1rem;padding:2rem clamp(1.5rem,5vw,3rem);display:grid}.log-in-form-content div{flex-direction:column;gap:1ch;display:flex}.log-in-form-content .buttons-container{flex-direction:row;gap:2rem;margin:auto}.log-in-form-content .buttons-container button{border-radius:.5rem;padding:1rem 2rem;text-decoration:underline}input{background-color:#fff;border-radius:5px;padding:4px}.message-list{color:red;padding:0 1rem 1rem;list-style-type:disc}.message-list:empty{display:none}.secret-button{color:#fff;text-shadow:2px 2px 3px #000;background:linear-gradient(to bottom right,#ca0000,#ce6700,#caca00,#00c500,#0000c9,indigo,#8b00ff);border:2px solid #000;border-radius:1ch;margin:auto;padding:1rem 2rem;font-size:1.5em;font-weight:700}.secret-button:hover{transform:scale(1.02)}.secret-button:active{transform:scale(1)}#log-in-message{text-align:center;color:red}#fetched-message{text-align:center}.secret-image{max-height:50vh;margin:auto}.spinner{aspect-ratio:1;border:2px solid #0000004d;border-top-color:var(--text-primary);border-radius:50%;width:3rem;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.not-found-main{grid-template-rows:1fr 1fr;place-items:center;width:100%;max-width:none;height:100%;margin:3rem 0;display:grid}.not-found-main section{text-align:center}.not-found-main h1{width:fit-content;height:fit-content;font-size:5rem}.not-found-main a{color:var(--text-muted-inverse);background-color:var(--color-accent);border-radius:1rem;margin-top:1.5rem;padding:1rem 2rem;transition:background-color .15s}.not-found-main a:hover{background-color:color-mix(in srgb, var(--color-accent), black 50%)}.not-found-main a:active{transform:scale(.97)}:root[data-theme=dark] .not-found-main a{color:var(--text-muted)}