:root { --bg: #131314; --surface: #1e1f20; --text: #e3e3e3; --muted: #9aa0a6; --line: rgba(255, 255, 255, .1); --cerise: #7d235b; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: Outfit, system-ui, sans-serif; }
body { display: grid; place-items: center; min-height: 100svh; padding: 24px 16px; }
.login { width: min(380px, 100%); display: grid; justify-items: center; gap: 14px; text-align: center; padding: 34px 24px; border-radius: 28px; background: var(--surface); border: 1px solid var(--line); }
.spark { width: 38px; height: 38px; background: linear-gradient(135deg, #4285f4, #9b72cb, #d96570);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1c.9 6.2 3.8 9.1 11 11-7.2 1.9-10.1 4.8-11 11-.9-6.2-3.8-9.1-11-11 7.2-1.9 10.1-4.8 11-11z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1c.9 6.2 3.8 9.1 11 11-7.2 1.9-10.1 4.8-11 11-.9-6.2-3.8-9.1-11-11 7.2-1.9 10.1-4.8 11-11z'/%3E%3C/svg%3E") center / contain no-repeat; }
h1 { margin: 0; font-size: 1.35rem; font-weight: 500; }
h1 span { color: var(--muted); font-weight: 400; }
.lead { margin: 0; color: var(--muted); }
.gbtn { min-height: 44px; display: grid; place-items: center; }
.status { margin: 0; min-height: 1.2em; font-size: .9rem; color: #ffcf8a; }
.status.ok { color: #9be3b4; }
.fine { margin: 6px 0 0; font-size: .78rem; color: var(--muted); }
.setup { text-align: left; font-size: .84rem; color: var(--text); background: rgba(255, 255, 255, .04); border: 1px solid var(--line); border-radius: 16px; padding: 12px 14px; }
.setup ol { margin: 6px 0 0; padding-left: 18px; color: #cfd2d6; }
.setup code { font-size: .78rem; color: #f7b6d2; }
.btn { display: inline-block; border: 0; border-radius: 999px; padding: 10px 18px; background: var(--cerise); color: #fff; font: inherit; text-decoration: none; cursor: pointer; }
