:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#090b10;color:#f4f6fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#16223b 0,transparent 35%),#090b10}main{width:min(900px,calc(100% - 32px));margin:0 auto;padding:72px 0}header{display:flex;gap:16px;align-items:center;margin-bottom:34px}.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#3978f6;font-weight:800}h1,h2,p{margin:.15rem 0}header p,#empty{color:#99a4b8}.card{width:min(430px,100%);padding:28px;border:1px solid #25304a;border-radius:16px;background:#111621;box-shadow:0 18px 60px #0006}form,label{display:grid;gap:10px}input{height:46px;border:1px solid #34405a;border-radius:9px;background:#0b1019;color:#fff;padding:0 13px;font:inherit}button{height:44px;border:0;border-radius:9px;background:#3978f6;color:#fff;font-weight:700;cursor:pointer}.quiet{height:auto;background:transparent;color:#9fb8ec;padding:10px}.message{margin-top:14px;color:#f4a8a8}.bar{display:flex;align-items:center;justify-content:space-between}.apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:22px}.app{display:block;padding:20px;border:1px solid #28344f;border-radius:13px;background:#111621;color:inherit;text-decoration:none}.app:hover{border-color:#3978f6;transform:translateY(-1px)}.app.unavailable{opacity:.55;cursor:not-allowed}.app.unavailable:hover{border-color:#28344f;transform:none}.app small{display:block;color:#8f9bb0;margin-top:8px}@media(max-width:520px){main{padding-top:36px}}