* { box-sizing: border-box; }
    body {
      background: #0A0A0F;
      font-family: 'Tajawal', sans-serif;
      direction: rtl;
    }
    .input-field {
      background: #111118;
      border: 1px solid #1E1E2E;
      color: #E2E8F0;
      padding: 12px 16px;
      border-radius: 12px;
      width: 100%;
      outline: none;
      font-family: 'Tajawal', sans-serif;
      font-size: 1rem;
      transition: border-color 0.2s;
      direction: ltr;
      text-align: right;
    }
    .input-field::placeholder { text-align: right; direction: rtl; }
    .input-field:focus { border-color: #F59E0B55; }

    /* Subtle grid background */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background-image:
        linear-gradient(rgba(245,158,11,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,158,11,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      pointer-events: none;
    }