:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--border: color-mix(in srgb, currentColor 35%, transparent);--accent: #1f5fbf;--accent-text: #ffffff;--error: #b00020}@media (prefers-color-scheme: dark){:root{--accent: #7fb0ff;--accent-text: #0b1b33;--error: #ff8a9b}}body{margin:0;line-height:1.5}.shell{max-width:40rem;margin:0 auto;padding:2rem 1rem}.shell--narrow{max-width:24rem}.sign-in__title{font-size:1.25rem;margin:0 0 1rem}.field{margin-bottom:1rem}.field label,.check{display:block;font-weight:600;margin-bottom:.25rem}.check{font-weight:400;margin:0 0 1rem}.field__row{display:flex;gap:.5rem}input[type=text],input[type=password]{flex:1;box-sizing:border-box;width:100%;min-height:2.75rem;padding:0 .75rem;font:inherit;color:inherit;background:transparent;border:1px solid var(--border);border-radius:.375rem}input[type=checkbox]{width:1.25rem;height:1.25rem;margin-right:.5rem;vertical-align:middle}.button{min-height:2.75rem;padding:0 1.25rem;font:inherit;font-weight:600;color:var(--accent-text);background:var(--accent);border:1px solid var(--accent);border-radius:.375rem;cursor:pointer}.button--secondary{color:inherit;background:transparent;border-color:var(--border)}.button:disabled{opacity:.6;cursor:progress}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.message{margin:0 0 1rem;padding:.75rem;border:1px solid var(--border);border-radius:.375rem}.message--error{border-color:var(--error);color:var(--error)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 1rem;background:var(--accent);color:var(--accent-text)}.banner .button--secondary{color:inherit;border-color:currentColor}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.app-header__product{font-weight:700}.app-header__scope{flex:1}.app-header__person{display:flex;align-items:center;gap:.75rem}.app-footer{max-width:40rem;margin:0 auto;padding:1rem;font-size:.8125rem;opacity:.75}.details{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;margin:0 0 1.5rem}.details dt{font-weight:600}.details dd{margin:0}.copy-fallback{display:block;box-sizing:border-box;width:100%;margin-top:1rem;font:inherit}
