header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem;margin-bottom:1rem}header img{object-fit:contain;margin-bottom:2rem;width:40%;height:40%;border-radius:.5rem;opacity:.6}header h1{font-size:1.2rem;font-weight:600;letter-spacing:.4em;text-align:center;text-transform:uppercase;color:#e1dfdf;font-family:Pacifico,cursive;margin:0}header p{text-align:center;font-family:Pacifico,cursive;color:#804004;margin:0}@media (min-width: 768px){header{margin-bottom:4rem}header h1{font-size:2rem}}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-attachment:fixed;background-size:cover;background:linear-gradient(to bottom,#c36a25,#ec9681);height:100vh;margin:0;display:flex;justify-content:center;align-items:center}button{cursor:pointer;background:none;line-height:inherit}button:focus{outline:none}#auth-inputs{width:18rem;max-width:28rem;padding:1rem;margin:0 auto;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;background:linear-gradient(180deg,#613508 0%,#710404 100%);color:#fff}.controls{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem}.controls label{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b7280}.controls input{width:100%;padding:.4rem 1rem;line-height:1;background-color:#d1d5db;color:#374151;border:1px solid transparent;border-radius:.25rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}label.invalid{color:#f87171}input.invalid{color:#ef4444;border-color:#f73f3f;background-color:#fed2d2}.actions{display:flex;justify-content:flex-end;gap:1rem}.button{padding:1rem 2rem;font-weight:600;text-transform:uppercase;border-radius:.25rem;color:#989a9c;background-color:#a50603;border-radius:6px;border:none}.button:hover{background-color:#d36504}.text-button{color:#f0b322;border:none}.text-button:hover{color:#f0920e}