:root{font-family:system-ui;color:#f5f7ff;background:#090d18}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#29205d,#090d18 45%);min-height:100vh}header{padding:1.5rem}header a{color:white;font-weight:800;text-decoration:none}main{width:min(92%,30rem);margin:5vh auto}.card{background:#141a2a;border:1px solid #303950;border-radius:1rem;padding:2rem;box-shadow:0 20px 60px #0008}label{display:block;font-weight:700;margin:1rem 0 .4rem}input{width:100%;padding:.8rem;border:1px solid #44506c;border-radius:.5rem;background:#0b1020;color:white}.check{font-weight:400}.check input{width:auto}button{width:100%;margin-top:1rem;padding:.85rem;border:0;border-radius:.5rem;background:#7867f8;color:white;font-weight:800}a{color:#ada4ff}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b5adff;outline-offset:2px}.flash{padding:.8rem;border-radius:.5rem}.error{background:#4d1822}.success{background:#123e2e}dt{color:#aab3c8;margin-top:.8rem}dd{margin:.2rem 0}.oauth-options{margin-top:1.25rem;display:grid;gap:.65rem}.oauth-button{display:block;width:100%;padding:.8rem;border:1px solid #44506c;border-radius:.5rem;text-align:center;text-decoration:none;font-weight:800;color:#f5f7ff;background:#0b1020}.oauth-button.google:hover{border-color:#7867f8}.oauth-button.apple:hover{border-color:#aab3c8}@media(max-width:480px){.card{padding:1.25rem}}