:root{
  --bg:#0e0e0e; --panel:#161616; --panel2:#1c1c1c; --line:rgba(201,168,76,.20);
  --ink:#e8e0d0; --mute:#8a7f70; --gold:#c9a84c; --gold-bright:#e3c46a; --gold-dim:#8a6e2f;
  --ok:#7fc98a; --warn:#e0b85a; --bad:#e07a72; --radius:7px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Mono',monospace;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6;min-height:100vh}
a{color:var(--gold)} a:hover{color:var(--gold-bright)}
code{color:var(--gold-bright);font-size:.9em}
.bar{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel),transparent)}
.brand{font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.06em;font-size:18px;color:var(--gold-bright);display:flex;align-items:center;gap:9px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}

.wrap{max-width:760px;margin:0 auto;padding:40px 22px 80px}
h1{font-family:'Oswald',sans-serif;font-weight:600;font-size:25px;letter-spacing:.04em;margin-bottom:6px}
.sub{color:var(--mute);font-size:13px;margin-bottom:26px}
.checker{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.fld{display:flex;flex-direction:column;gap:6px;flex:1;min-width:240px}
.fld span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim)}
.fld input{background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-family:inherit;font-size:16px;padding:12px 14px;width:100%}
.fld input:focus{outline:none;border-color:var(--gold-dim)}
.btn{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.05em;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a1407;border:none;border-radius:8px;padding:12px 24px;height:46px;cursor:pointer;font-size:15px;transition:filter .15s}
.btn:hover{filter:brightness(1.07)}
.btn:disabled{opacity:.6;cursor:default}
.hint{color:var(--mute);font-size:12px;margin-top:14px}

/* provider cards */
.cards{display:flex;flex-direction:column;gap:16px;margin-top:30px}
.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:12px;overflow:hidden;
  opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.card.in{opacity:1;transform:translateY(0)}
.card-head{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line)}
.card-logo{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;color:#1a1407;flex:none}
.card-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;letter-spacing:.03em}
.card-sub{font-size:11px;color:var(--mute);letter-spacing:.06em}
.card-badge{margin-left:auto;font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.06em;font-size:12px;padding:5px 13px;border-radius:999px;text-transform:uppercase;white-space:nowrap}
.b-ok{background:rgba(127,201,138,.14);color:var(--ok);border:1px solid rgba(127,201,138,.4)}
.b-warn{background:rgba(224,184,90,.14);color:var(--warn);border:1px solid rgba(224,184,90,.4)}
.b-bad{background:rgba(224,122,114,.14);color:var(--bad);border:1px solid rgba(224,122,114,.4)}
.b-neutral{background:rgba(138,127,112,.14);color:var(--mute);border:1px solid rgba(138,127,112,.4)}

/* loading state: pulsing dots */
.card-loading{display:flex;align-items:center;gap:10px;padding:18px 20px;color:var(--mute);font-size:13px}
.dots{display:inline-flex;gap:5px}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--gold);opacity:.35;animation:pulse 1s infinite ease-in-out}
.dots i:nth-child(2){animation-delay:.18s}.dots i:nth-child(3){animation-delay:.36s}
@keyframes pulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}

.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.cell{background:var(--panel);padding:13px 20px}
.cell.full{grid-column:1 / -1}
.cell .k{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:4px}
.cell .v{font-size:14px;color:var(--ink);word-break:break-word}
.cell .v.big{font-family:'Oswald',sans-serif;font-size:20px;font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tag{font-size:11px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--ink)}
.card-msg{padding:16px 20px;color:var(--mute);font-size:13px}
.card-msg.err{color:var(--bad)}
@media(max-width:520px){.card-grid{grid-template-columns:1fr}}