.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-black)}.login-card{background:var(--color-gunmetal);padding:2rem;border-radius:8px;border:1px solid rgba(44,50,50,.8);box-shadow:0 4px 24px #0006;width:100%;max-width:360px}.login-card h1{margin:0 0 .25rem;font-size:1.5rem;color:var(--color-platinum)}.login-subtitle{margin:0 0 1.5rem;color:var(--color-platinum);opacity:.7;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-form input{padding:.75rem;border:1px solid var(--color-gunmetal);border-radius:6px;font-size:1rem;background:var(--color-black);color:var(--color-platinum)}.login-form input::placeholder{color:var(--color-platinum);opacity:.5}.login-form input:focus{outline:none;border-color:var(--color-pale-sky)}.login-form button{padding:.75rem;background:var(--color-pale-sky);color:var(--color-black);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.25rem;transition:background .2s}.login-form button:hover:not(:disabled){background:var(--color-pale-sky-hover)}.login-form button:disabled{opacity:.7;cursor:not-allowed}.login-message{margin:.5rem 0 0;font-size:.85rem;color:var(--color-platinum);opacity:.8}.login-toggle{margin-top:1rem;padding:0;background:none;border:none;color:var(--color-pale-sky);font-size:.9rem;cursor:pointer;text-decoration:underline}.login-toggle:hover{color:var(--color-pale-sky-hover)}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--color-platinum);opacity:.8}:root{--color-platinum: #F5F3F3;--color-pale-sky: #BED5E8;--color-pale-sky-hover: #a8c8df;--color-gunmetal: #2C3232;--color-black: #000807}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background:var(--color-black);color:var(--color-platinum)}#root{min-height:100vh}