:root {
      --bg: #eef3f8;
      --surface: #eef3f8;
      --text: #213047;
      --muted: #64748b;
      --primary: #2563eb;
      --primary-soft: #dbeafe;
      --success: #0f766e;
      --shadow-dark: #c9d3df;
      --shadow-light: #ffffff;
    }
    * {
      box-sizing: border-box;
    }
    body {
      min-height: 100vh;
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.10), transparent 30%),
        radial-gradient(circle at bottom right, rgba(20, 184, 166, 0.10), transparent 26%),
        var(--bg);
      color: var(--text);
    }
    .neo-card {
      width: min(100%, 28rem);
      background: var(--surface);
      border: 1px solid rgba(255, 255, 255, 0.72);
      border-radius: 8px;
      box-shadow: 18px 18px 36px var(--shadow-dark), -18px -18px 36px var(--shadow-light);
      overflow: hidden;
    }
    .neo-inset {
      background: var(--surface);
      border: 1px solid rgba(255, 255, 255, 0.70);
      border-radius: 8px;
      box-shadow: inset 6px 6px 12px #ccd6e1, inset -6px -6px 12px #ffffff;
    }
    .neo-button {
      border-radius: 8px;
      background: linear-gradient(135deg, #2f6ff2, #1d4ed8);
      box-shadow: 8px 8px 16px #c8d2de, -8px -8px 16px #ffffff;
      transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
    }
    .neo-button:hover {
      filter: brightness(1.04);
      transform: translateY(-1px);
      box-shadow: 10px 10px 18px #c4ceda, -10px -10px 18px #ffffff;
    }
    .neo-button:active {
      transform: translateY(0);
      box-shadow: inset 5px 5px 10px rgba(21, 58, 120, 0.22), inset -5px -5px 10px rgba(255, 255, 255, 0.18);
    }
    .soft-badge {
      background: #e6f7f4;
      color: var(--success);
      border: 1px solid rgba(15, 118, 110, 0.12);
      border-radius: 8px;
    }
    .field-icon {
      color: #7c8da5;
      flex: 0 0 auto;
    }
    input {
      min-width: 0;
    }