:root{font:15px Segoe UI,sans-serif;color-scheme:dark;background:#0c1018;color:#e9edf6}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:30px}header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}header{margin-bottom:28px}h1{margin:8px 0;font-size:28px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#bb9cea}a{color:#ccb3ef}.panel{padding:24px;background:#151c29;border:1px solid #30394d;border-radius:14px;margin-bottom:18px}h2{font-size:20px;margin-top:0}p{color:#aeb9cc;line-height:1.5}form{display:flex;align-items:end;gap:14px}label{display:grid;gap:8px;flex:1}button,input,select{font:inherit;color:inherit;border:1px solid #45516c;border-radius:8px;background:#232d40;padding:10px 14px;min-height:44px}button{cursor:pointer}button:hover{background:#35425c}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus,select:focus{outline:2px solid #c4a4ee;outline-offset:2px}#login{max-width:650px}#code{display:inline-block;font:26px monospace;letter-spacing:.1em;margin:15px 16px 10px 0;color:#dfc7ff}#invitation{border-top:1px solid #35405a;margin-top:22px;padding-top:12px}.device{padding:20px 0;border-top:1px solid #30394d}.device h3{font:14px monospace;overflow-wrap:anywhere}.device form{margin-top:14px}.device ul{color:#aeb9cc;padding-left:20px}.revoke{border-color:#946370;color:#ffbfcc;margin-top:16px}#status{min-height:24px;color:#d7bafa}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px}header,form,.toolbar{align-items:stretch;flex-direction:column}.panel{padding:18px}}