body { min-height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center;
      padding: 2rem 1.5rem; font-family: 'Inter', -apple-system, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
      background: radial-gradient(circle at top left, rgba(79,172,254,.18), transparent 45%),
                  radial-gradient(circle at bottom right, rgba(148,121,255,.16), transparent 50%),
                  #0f172a;
      color: #f8fafc; }
    .card { width: 100%; max-width: 420px; background: rgba(8,13,26,.72); border: 1px solid rgba(148,121,255,.22);
      border-radius: 16px; padding: 2rem; backdrop-filter: blur(12px); }
    h1 { margin: 0 0 .5rem; font-size: 1.4rem; }
    p.lede { margin: 0 0 1.5rem; opacity: .75; font-size: .95rem; line-height: 1.5; }
    label { display: block; font-size: .85rem; opacity: .75; margin-bottom: .35rem; }
    input { width: 100%; padding: .75rem .9rem; border-radius: 10px; border: 1px solid rgba(148,121,255,.3);
      background: rgba(8,13,26,.5); color: inherit; font-size: 1rem; box-sizing: border-box; }
    input:focus-visible { outline: 2px solid #4facfe; outline-offset: 2px; }
    button { width: 100%; margin-top: 1rem; padding: .8rem 1rem; border: none; border-radius: 10px;
      background: linear-gradient(135deg, #4facfe, #9479ff); color: white; font-weight: 600;
      font-size: 1rem; cursor: pointer; }
    button:disabled { opacity: .6; cursor: progress; }
    .status { margin-top: 1rem; padding: .75rem .9rem; border-radius: 10px; font-size: .9rem; line-height: 1.5; }
    .status.ok { background: rgba(52,211,153,.15); border: 1px solid rgba(52,211,153,.4); }
    .status.err { background: rgba(248,113,113,.15); border: 1px solid rgba(248,113,113,.4); }
    .links { margin-top: 1.25rem; text-align: center; font-size: .85rem; opacity: .7; }
    .links a { color: #4facfe; text-decoration: none; margin: 0 .5rem; }