* { font-family: Yekan, Tahoma, Arial, sans-serif; }
      body { background: #f4f6fb; min-height: 100vh; }
      .input-field {
        border: 1.5px solid #e2e8f0;
        background: #f8fafc;
      }
      .input-field:focus {
        border-color: #002af8;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(0, 42, 248, 0.12);
        outline: none;
      }
      .input-error {
        border-color: #ef4444 !important;
        box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
      }
      .brand-panel {
        background: linear-gradient(145deg, #002AF8 0%, #0019c4 45%, #071c6d 100%);
      }
      .btn-login {
        background: linear-gradient(90deg, #002AF8 0%, #0019d6 100%);
        min-height: 48px;
      }
      .btn-login:hover { filter: brightness(1.05); }
      .btn-login:focus-visible,
      a:focus-visible,
      button:focus-visible {
        outline: 2px solid #002AF8;
        outline-offset: 2px;
      }


      .btn-main {
        background: linear-gradient(90deg, #002AF8 0%, #0019d6 100%);
        min-height: 48px;
      }
      .btn-main:hover { filter: brightness(1.05); }
      .btn-main:focus-visible,
      a:focus-visible,
      button:focus-visible {
        outline: 2px solid #002AF8;
        outline-offset: 2px;
      }