*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#0b0d10}html,body,#app{height:100%}body{color:#e8eaed;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:currentColor}.signin{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:24px;display:flex}.signin .card{text-align:center;background:#15181d;border:1px solid #262b33;border-radius:12px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:380px;padding:40px 32px;display:flex}.signin .brand{flex-direction:column;align-items:center;gap:4px;display:flex}.signin .brand .mark{letter-spacing:2px;font-size:32px;font-weight:700}.signin .brand .sub{color:#9aa3af;text-transform:uppercase;letter-spacing:1px;font-size:13px}.signin .welcome{color:#c4cad3;margin:0;font-size:15px}.signin .welcome strong{color:#fff}.signin .btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.signin .btn:hover{opacity:.9}.signin .btn.microsoft{color:#1b1b1b;background:#fff}.signin .btn.primary{color:#fff;background:#2f6feb}.signin .footnote{color:#6b7280;margin:0;font-size:13px}