body {
      margin: 0;
      font-family: "Space Grotesk", "Manrope", sans-serif;
      background: radial-gradient(800px 500px at 10% 10%, rgba(14,165,164,0.18), transparent 60%),
                  linear-gradient(135deg, #f8fafc 0%, #eef2f7 50%, #fdf2e9 100%);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      color: #0f172a;
    }
    .card {
      width: min(460px, 100%);
      background: #fff;
      padding: 28px;
      border-radius: 22px;
      box-shadow: 0 24px 60px rgba(15,23,42,0.18);
      border: 1px solid rgba(148,163,184,0.35);
    }
    h1 { margin: 0 0 8px; font-size: 24px; }
    p { margin: 0 0 18px; color: #475569; }
    label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.18em; color: #64748b; }
    .field { display: grid; gap: 8px; margin-bottom: 14px; }
    input {
      padding: 12px 14px;
      border-radius: 12px;
      border: 1px solid rgba(148,163,184,0.4);
      font-size: 14px;
    }
    button {
      width: 100%;
      padding: 12px 16px;
      border-radius: 999px;
      border: none;
      background: linear-gradient(120deg, #0ea5a4, #0f766e);
      color: white;
      font-weight: 600;
      cursor: pointer;
    }
    .error { color: #dc2626; font-size: 13px; margin-bottom: 10px; }