*{box-sizing:border-box;font-family:Inter,system-ui,Arial}
body{margin:0;min-height:100vh;background:#0f0f14;color:#fff;display:flex;align-items:center;justify-content:center;padding:20px}
.container{width:100%;max-width:560px}
.card{background:#1a1a22;border:1px solid #2a2a36;border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
h1{margin:0 0 8px}
.buttons{display:flex;flex-direction:column;gap:12px;margin:20px 0}
.btn{padding:12px 16px;border-radius:10px;border:0;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px}
.btn.google{background:#fff;color:#111}
.btn.github{background:#24292f;color:#fff;border:1px solid #3a3a4a}
.btn.logout{background:#ff3b5c;color:#fff}
pre{background:#101019;border:1px solid #2a2a36;padding:12px;border-radius:10px;overflow:auto;font-size:12px;max-height:200px}
#status{opacity:.9;margin-bottom:10px}